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

Refactored the whole app 🔧

Browse Source
This commit is contained in:
Francisco Pessano
2022-05-05 20:31:45 -03:00
parent 3fb0f5bc6c
commit c9115e2ef8
90 changed files with 2738 additions and 3566 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
src/pages/Main/ClockifyTaskForm/clockify-task-form.scss Normal file
View File

@@ -0,0 +1,105 @@
.clockify-task-form {
width: 20vw;
position: absolute;
top: 60vh;
left: 2.5vw;
&.loading-container {
width: 20vw;
height: auto;
background: none;
}
&.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%;
}
}
select {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
input[type=text] {
width: 15vw;
height: 3vw;
font-size: 12pt;
outline: none;
padding: 1px 2px;
box-sizing: border-box;
&.disabled {
user-select: none;
cursor: initial;
pointer-events: none;
opacity: 30%;
}
}
}
@media (max-width: 991.98px) {
.clockify-tasks-display {
position: initial;
width: auto;
display: flex;
justify-content:space-around;
padding: 3vh 5vw;
&.loading-container {
width: 90%;
height: auto;
}
.workspace-selector, .project-selector, input[type=text] {
width: 20vw;
height: 5vw;
}
}
}
@media (max-width: 576px) {
.clockify-tasks-display {
position: initial;
width: auto;
display: flex;
flex-direction: column;
align-items: center;
&.loading-container {
width: 90%;
height: auto;
}
.workspace-selector, .project-selector, input[type=text] {
width: 70%;
height: 4vh;
margin-top: 1vh;
}
}
}