date-chooser-day: Add the has-dot and dot-visible properties

This allows the days to display events.
This commit is contained in:
Adrien Plazas
2022-06-16 09:29:16 +02:00
parent 0ff62c4314
commit 7198ce41f9
4 changed files with 233 additions and 8 deletions
+20
View File
@@ -191,21 +191,41 @@ datechooser button.day {
transition: none;
}
datechooser button.day dot {
background-color: @theme_fg_color;
border-radius: 50%;
min-height: 3px;
min-width: 3px;
}
datechooser button.day:selected {
background-color: @accent_bg_color;
color: @accent_fg_color;
font-weight: bold;
}
datechooser button.day:selected dot {
background-color: @accent_fg_color;
}
datechooser button.day.other-month:not(:hover),
datechooser button.day.other-month:backdrop {
color: alpha(currentColor, 0.1);
}
datechooser button.day.other-month:not(:hover) dot,
datechooser button.day.other-month:backdrop dot {
background-color: alpha(currentColor, 0.1);
}
datechooser button.day.other-month:hover:not(:backdrop) {
color: @insensitive_fg_color;
}
datechooser button.day.other-month:hover:not(:backdrop) dot {
background-color: @insensitive_fg_color;
}
label.month-name {
font-size: 16pt;
font-weight: bold;