28b0acb24e
The new Night Light page, as described by the latest mockups [1], uses a listbox to display the options. Also, there is a small revamp on how the disabled state is handled; it now is a switch in a row, instead of an extra radio button. This commit changes the Night Light page to have a listbox, and uses libhandy's rows to achieve the desired interface. Fixes https://gitlab.gnome.org/GNOME/gnome-control-center/issues/533
27 lines
719 B
CSS
27 lines
719 B
CSS
/* color selection by Daniel Foré and elementary OS */
|
|
@define-color ORANGE_100 #ffc27d;
|
|
@define-color ORANGE_500 #f37329;
|
|
@define-color base_color white;
|
|
@define-color bg_color shade (@base_color, 0.96);
|
|
|
|
/* Hide the marks at the beginning and the end */
|
|
.night-light-temperature mark indicator:nth-child(even) {
|
|
color:transparent;
|
|
}
|
|
|
|
.night-light-temperature trough {
|
|
min-height: 8px;
|
|
background-image: linear-gradient(to right, mix(@bg_color, @ORANGE_100, 0.5), @ORANGE_500);
|
|
}
|
|
|
|
.night-light-temperature:dir(rtl) trough {
|
|
background-image: linear-gradient(to left, mix(@bg_color, @ORANGE_100, 0.5), @ORANGE_500);
|
|
}
|
|
|
|
.padded-spinbutton {
|
|
min-width: 40px;
|
|
}
|
|
|
|
.unpadded-button {
|
|
padding: 6px;
|
|
}
|