isa/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

theme/calendar: Don't nest all card styles for code consistency

Browse Source 
The inconsistent styling rules "some card styles are nested, but some
are not" and "some card styles are nested, but some of their descendant
styles are defined elsewhere" are very confusing.

This commit stops nesting all card styles to make the coding style
consistent and less confusing.

https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/957
This commit is contained in:
nana-4 2020-02-06 22:08:33 +09:00 committed by Florian Müllner
parent c5bed7e963
commit dbf1ffc9d4
1 changed files with 35 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
data/theme/gnome-shell-sass/widgets/_calendar.scss
View File

@ -16,7 +16,22 @@
&:ltr {margin-right: $base_margin * 2; border-left-width: 1px; }
&:rtl {margin-left: $base_margin * 2; border-right-width: 1px; }
// today button (the date)
.datemenu-displays-section {
}
.datemenu-displays-box {
spacing: $base_spacing;
}
}
.events-section-title {
@include notification_bubble($flat: true);
color: desaturate(darken($fg_color,40%), 10%);
font-weight: bold;
padding: .4em;
}
/* today button (the date) */
.datemenu-today-button {
@include notification_bubble($flat: true);
padding: $base_padding * 1.5;
@ -34,38 +49,10 @@
}
}
// calendar
.calendar {
@include notification_bubble;
padding: $base_padding;
// more below for sub-elements
}
.datemenu-displays-section {
}
.datemenu-displays-box {
spacing: $base_spacing;
// world clocks and weather
.world-clocks-button,
.weather-button {
@include notification_bubble;
padding: $base_padding;
}
}
}
.events-section-title {
@include notification_bubble($flat: true);
color: desaturate(darken($fg_color,40%), 10%);
font-weight: bold;
padding: .4em;
}
/* Calendar */
.calendar {
@include notification_bubble;
padding: $base_padding;
// month
.calendar-month-label {
@ -183,9 +170,13 @@
/* Weather */
.weather-button {
@include notification_bubble;
padding: $base_padding * 2;
.weather-box {
spacing: $base_spacing + $base_margin;
padding:$base_padding;
}
.weather-header {
color: desaturate(darken($fg_color,40%), 10%);
@ -221,10 +212,14 @@
}
/* World clocks */
.world-clocks-button {
@include notification_bubble;
padding: $base_padding * 2;
.world-clocks-grid {
padding:$base_padding;
spacing-rows: $base_spacing;
spacing-columns: $base_spacing * 2;
}
// title
.world-clocks-header {