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

css: restyle date chooser...

Browse Source 
...making it more consistent with shell calendar and gtkcalendar.
This commit is contained in:
Lapo Calamandrei
2016-07-24 18:55:21 +02:00
parent ff44b4ac56
commit 095a209615
1 changed files with 51 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
data/theme/gtk-styles.css
+51 -21
View File
@@ -291,41 +291,71 @@ button:checked:not(:backdrop) .calendar-color-image,
-gtk-icon-shadow: 0 1px alpha(black, 0.1); -gtk-icon-shadow: 0 1px alpha(black, 0.1);
} }
/* Date chooser */ /* Date chooser */
/* month/year controls */
datechooser navigator { /* add some space between the two controls */
margin-right: 6px;
margin-left: 6px;
margin-bottom: 6px;
}
datechooser navigator label {
font-weight: bold;
}
datechooser navigator button {
padding: 0;
}
/* day names and week numbers*/
datechooser .weeknum, datechooser .weeknum,
datechooser .weekday { datechooser .weekday {
color: alpha(@theme_fg_color, 0.55);; color: @insensitive_fg_color;
font-size: 80%; font-size: smaller;
} }
navigator button { datechooser .weeknum:backdrop,
padding: 0; datechooser .weekday:backdrop {
} color: @unfocused_insensitive_color;
navigator label {
font-weight: bold;
} }
/* days */
datechooser day { datechooser day {
color: @theme_fg_color; min-height: 32px;
min-width: 32px; min-width: 32px;
min-height: 32px; border-radius: 50%;
} }
datechooser day.other-month { datechooser day.dim-label { /* FIXME: use a better class name */
color: @theme_insensitive_fg_color; opacity: 1;
} }
datechooser day:hover, datechooser day.dim-label:not(:hover),
datechooser day:selected { datechooser day.dim-label:backdrop {
border-radius: 50%; color: alpha(currentColor, 0.1);
} }
datechooser day:hover { /* avoid the theme interfering with label colors */
background-color: alpha(@theme_fg_color, 0.1); datechooser day:selected label,
datechooser day.dim-label label:hover,
datechooser day.dim-label label:backdrop {
color: currentColor;
} }
datechooser day:selected { /* hovered days style */
color: @theme_selected_fg_color; datechooser day:hover:not(:backdrop) {
background-color: @theme_selected_bg_color; background-color: alpha(currentColor, 0.1);
}
datechooser day.dim-label:hover:not(:backdrop) {
color: @insensitive_fg_color;
}
datechooser day:selected,
datechooser day:selected:hover {
color: @theme_selected_fg_color;
background-color: @theme_selected_bg_color;
font-weight: bold;
} }