Federated_Computer/federated-calendar
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Improve selection visuals of month cells

Browse Source 
Add specific CSS rules for the selected state, and make it a bit
more prominent.
This commit is contained in:
Georges Basile Stavracas Neto
2023-08-17 21:22:49 -03:00
parent bd989aae66
commit ec840fbab9
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/theme/style.css
+14
View File
@@ -321,6 +321,12 @@ monthcell.out-of-month:not(.today) {
background-color: alpha(@sidebar_bg_color, 0.5); background-color: alpha(@sidebar_bg_color, 0.5);
} }
monthcell:selected.out-of-month:not(.today) {
background-color: mix(alpha(@sidebar_bg_color, 0.5),
alpha(@accent_bg_color, 0.1),
0.5);
}
monthcell:not(.workday) { monthcell:not(.workday) {
background-color: alpha(@theme_bg_color, 0.33); background-color: alpha(@theme_bg_color, 0.33);
} }
@@ -339,6 +345,14 @@ monthcell.out-of-month:hover {
transition: background-color 200ms; transition: background-color 200ms;
} }
monthcell:selected:hover,
monthcell:selected.out-of-month:hover {
background-color: mix(alpha(@theme_bg_color, 0.5),
alpha(@accent_bg_color, 0.1),
0.5);
transition: background-color 200ms;
}
monthcell button { monthcell button {
font-weight: normal; font-weight: normal;
padding: 0 4px; padding: 0 4px;