franpcode/Pomodoro-Timer-with-Clockify-integration
1
0
Fork 0
mirror of https://github.com/FranP-code/Pomodoro-Timer-with-Clockify-integration.git synced 2025-10-12 23:52:30 +00:00
Code Issues 1 Packages Projects Releases Wiki Activity

Added styles to the selects and loading state

Browse Source
This commit is contained in:
Francisco Pessano
2021-09-29 21:43:08 -03:00
parent 94d90764b6
commit 731d47d8fe
8 changed files with 103 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
public/sass_styles/_clockify-tasks-display.scss Normal file
View File

@@ -0,0 +1,32 @@
.clockify-tasks-display {
width: 20vw;
position: absolute;
top: 60vh;
left: 2.5vw;
&.loading-container {
width: 20vw;
height: auto;
}
&.disabled {
user-select: none;
cursor: initial;
pointer-events: none;
opacity: 30%;
}
.workspace-selector, .project-selector {
width: 15vw;
height: 3vw;
&.disabled {
user-select: none;
cursor: initial;
pointer-events: none;
opacity: 30%;
}
}
}

1
public/sass_styles/styles.scss
View File

@@ -61,6 +61,7 @@ $lightest-color-dark: #EEEEEE;
@import 'dark-mode_toogle-switch';
@import 'account';
@import 'goToAccount';
@import 'clockify-tasks-display';
html, body {
margin: 0;