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

[CANCELLED], make a button for display the history of pomodoros and rests

Browse Source
This commit is contained in:
Francisco Pessano
2021-09-19 22:39:54 -03:00
parent 7d558fd54c
commit ac140b997a
8 changed files with 119 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
public/css_styles/styles.css
View File

@@ -204,10 +204,11 @@
width: 100%;
display: flex;
justify-content: center;
cursor: pointer;
}
.go-down svg {
height: 6vh;
width: 6vh;
cursor: pointer;
}
.go-down svg path {
fill: #aaaaaa;
@@ -257,6 +258,44 @@
margin-top: 1vh;
}
.history-button {
background: none;
border: none;
width: 8vw;
height: 9vh;
width: 9vh;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 6vh;
border-radius: 100%;
background-color: #9DF3C4;
}
.history-button svg {
cursor: pointer;
width: 6vh;
height: 6vh;
}
.history-button svg path {
fill: #aaaaaa;
}
.history-button svg path {
fill: rgba(80, 80, 80, 0.556);
}
.history-button:hover {
animation: spin 0.4s ease-in-out;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
html, body {
margin: 0;
padding: 0;