Fixed gnome-shell issue

This commit is contained in:
vinceliuice 2021-01-01 12:50:35 +08:00
parent fc9a5ce822
commit b2be3b1526
11 changed files with 294 additions and 213 deletions

View File

@ -193,14 +193,6 @@ stage {
margin: 4px 8px; margin: 4px 8px;
} }
.datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-displays-box {
spacing: 8px;
}
.datemenu-calendar-column { .datemenu-calendar-column {
spacing: 8px; spacing: 8px;
border: none; border: none;
@ -217,6 +209,14 @@ stage {
border-right-width: 0; border-right-width: 0;
} }
.datemenu-calendar-column .datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-calendar-column .datemenu-displays-box {
spacing: 8px;
}
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none; border: none;
@ -405,7 +405,6 @@ stage {
.weather-button, .weather-button,
.events-button, .events-button,
.events-section-title { .events-section-title {
min-height: 20px;
padding: 12px; padding: 12px;
margin: 2px 4px; margin: 2px 4px;
} }
@ -439,36 +438,44 @@ stage {
font-feature-settings: "tnum"; font-feature-settings: "tnum";
} }
.world-clocks-grid, .world-clocks-button .world-clocks-city {
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #999999; color: #999999;
font-weight: bold; font-weight: bold;
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-time { .world-clocks-button .world-clocks-time {
color: #999999; color: #999999;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 1.2em; font-size: 1.2em;
} }
.world-clocks-timezone { .world-clocks-button .world-clocks-time:ltr {
text-align: right;
}
.world-clocks-button .world-clocks-time:rtl {
text-align: left;
}
.world-clocks-button .world-clocks-timezone {
color: #999999; color: #999999;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.weather-button { .weather-button {
margin-bottom: 6px; margin-bottom: 6px;
} }
.weather-button .weather-box { .weather-button .weather-box {
spacing: 0.5em; spacing: 12px;
} }
.weather-button .weather-header-box { .weather-button .weather-header-box {

View File

@ -193,14 +193,6 @@ stage {
margin: 4px 8px; margin: 4px 8px;
} }
.datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-displays-box {
spacing: 8px;
}
.datemenu-calendar-column { .datemenu-calendar-column {
spacing: 8px; spacing: 8px;
border: none; border: none;
@ -217,6 +209,14 @@ stage {
border-right-width: 0; border-right-width: 0;
} }
.datemenu-calendar-column .datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-calendar-column .datemenu-displays-box {
spacing: 8px;
}
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none; border: none;
@ -405,7 +405,6 @@ stage {
.weather-button, .weather-button,
.events-button, .events-button,
.events-section-title { .events-section-title {
min-height: 20px;
padding: 12px; padding: 12px;
margin: 2px 4px; margin: 2px 4px;
} }
@ -439,36 +438,44 @@ stage {
font-feature-settings: "tnum"; font-feature-settings: "tnum";
} }
.world-clocks-grid, .world-clocks-button .world-clocks-city {
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #565656; color: #565656;
font-weight: bold; font-weight: bold;
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-time { .world-clocks-button .world-clocks-time {
color: #565656; color: #565656;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 1.2em; font-size: 1.2em;
} }
.world-clocks-timezone { .world-clocks-button .world-clocks-time:ltr {
text-align: right;
}
.world-clocks-button .world-clocks-time:rtl {
text-align: left;
}
.world-clocks-button .world-clocks-timezone {
color: #565656; color: #565656;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.weather-button { .weather-button {
margin-bottom: 6px; margin-bottom: 6px;
} }
.weather-button .weather-box { .weather-button .weather-box {
spacing: 0.5em; spacing: 12px;
} }
.weather-button .weather-header-box { .weather-button .weather-header-box {

View File

@ -288,14 +288,6 @@ stage {
margin: 4px 8px; margin: 4px 8px;
} }
.datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-displays-box {
spacing: 8px;
}
.datemenu-calendar-column { .datemenu-calendar-column {
spacing: 8px; spacing: 8px;
border: none; border: none;
@ -312,6 +304,14 @@ stage {
border-right-width: 0; border-right-width: 0;
} }
.datemenu-calendar-column .datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-calendar-column .datemenu-displays-box {
spacing: 8px;
}
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none; border: none;
@ -500,7 +500,6 @@ stage {
.weather-button, .weather-button,
.events-button, .events-button,
.events-section-title { .events-section-title {
min-height: 20px;
padding: 12px; padding: 12px;
margin: 2px 4px; margin: 2px 4px;
} }
@ -534,36 +533,44 @@ stage {
font-feature-settings: "tnum"; font-feature-settings: "tnum";
} }
.world-clocks-grid, .world-clocks-button .world-clocks-city {
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #999999; color: #999999;
font-weight: bold; font-weight: bold;
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-time { .world-clocks-button .world-clocks-time {
color: #999999; color: #999999;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 1.2em; font-size: 1.2em;
} }
.world-clocks-timezone { .world-clocks-button .world-clocks-time:ltr {
text-align: right;
}
.world-clocks-button .world-clocks-time:rtl {
text-align: left;
}
.world-clocks-button .world-clocks-timezone {
color: #999999; color: #999999;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.weather-button { .weather-button {
margin-bottom: 6px; margin-bottom: 6px;
} }
.weather-button .weather-box { .weather-button .weather-box {
spacing: 0.5em; spacing: 12px;
} }
.weather-button .weather-header-box { .weather-button .weather-header-box {

View File

@ -288,14 +288,6 @@ stage {
margin: 4px 8px; margin: 4px 8px;
} }
.datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-displays-box {
spacing: 8px;
}
.datemenu-calendar-column { .datemenu-calendar-column {
spacing: 8px; spacing: 8px;
border: none; border: none;
@ -312,6 +304,14 @@ stage {
border-right-width: 0; border-right-width: 0;
} }
.datemenu-calendar-column .datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-calendar-column .datemenu-displays-box {
spacing: 8px;
}
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none; border: none;
@ -500,7 +500,6 @@ stage {
.weather-button, .weather-button,
.events-button, .events-button,
.events-section-title { .events-section-title {
min-height: 20px;
padding: 12px; padding: 12px;
margin: 2px 4px; margin: 2px 4px;
} }
@ -534,36 +533,44 @@ stage {
font-feature-settings: "tnum"; font-feature-settings: "tnum";
} }
.world-clocks-grid, .world-clocks-button .world-clocks-city {
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #999999; color: #999999;
font-weight: bold; font-weight: bold;
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-time { .world-clocks-button .world-clocks-time {
color: #999999; color: #999999;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 1.2em; font-size: 1.2em;
} }
.world-clocks-timezone { .world-clocks-button .world-clocks-time:ltr {
text-align: right;
}
.world-clocks-button .world-clocks-time:rtl {
text-align: left;
}
.world-clocks-button .world-clocks-timezone {
color: #999999; color: #999999;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.weather-button { .weather-button {
margin-bottom: 6px; margin-bottom: 6px;
} }
.weather-button .weather-box { .weather-button .weather-box {
spacing: 0.5em; spacing: 12px;
} }
.weather-button .weather-header-box { .weather-button .weather-header-box {

View File

@ -288,14 +288,6 @@ stage {
margin: 4px 8px; margin: 4px 8px;
} }
.datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-displays-box {
spacing: 8px;
}
.datemenu-calendar-column { .datemenu-calendar-column {
spacing: 8px; spacing: 8px;
border: none; border: none;
@ -312,6 +304,14 @@ stage {
border-right-width: 0; border-right-width: 0;
} }
.datemenu-calendar-column .datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-calendar-column .datemenu-displays-box {
spacing: 8px;
}
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none; border: none;
@ -500,7 +500,6 @@ stage {
.weather-button, .weather-button,
.events-button, .events-button,
.events-section-title { .events-section-title {
min-height: 20px;
padding: 12px; padding: 12px;
margin: 2px 4px; margin: 2px 4px;
} }
@ -534,36 +533,44 @@ stage {
font-feature-settings: "tnum"; font-feature-settings: "tnum";
} }
.world-clocks-grid, .world-clocks-button .world-clocks-city {
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #999999; color: #999999;
font-weight: bold; font-weight: bold;
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-time { .world-clocks-button .world-clocks-time {
color: #999999; color: #999999;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 1.2em; font-size: 1.2em;
} }
.world-clocks-timezone { .world-clocks-button .world-clocks-time:ltr {
text-align: right;
}
.world-clocks-button .world-clocks-time:rtl {
text-align: left;
}
.world-clocks-button .world-clocks-timezone {
color: #999999; color: #999999;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.weather-button { .weather-button {
margin-bottom: 6px; margin-bottom: 6px;
} }
.weather-button .weather-box { .weather-button .weather-box {
spacing: 0.5em; spacing: 12px;
} }
.weather-button .weather-header-box { .weather-button .weather-header-box {

View File

@ -288,14 +288,6 @@ stage {
margin: 4px 8px; margin: 4px 8px;
} }
.datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-displays-box {
spacing: 8px;
}
.datemenu-calendar-column { .datemenu-calendar-column {
spacing: 8px; spacing: 8px;
border: none; border: none;
@ -312,6 +304,14 @@ stage {
border-right-width: 0; border-right-width: 0;
} }
.datemenu-calendar-column .datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-calendar-column .datemenu-displays-box {
spacing: 8px;
}
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none; border: none;
@ -500,7 +500,6 @@ stage {
.weather-button, .weather-button,
.events-button, .events-button,
.events-section-title { .events-section-title {
min-height: 20px;
padding: 12px; padding: 12px;
margin: 2px 4px; margin: 2px 4px;
} }
@ -534,36 +533,44 @@ stage {
font-feature-settings: "tnum"; font-feature-settings: "tnum";
} }
.world-clocks-grid, .world-clocks-button .world-clocks-city {
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #999999; color: #999999;
font-weight: bold; font-weight: bold;
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-time { .world-clocks-button .world-clocks-time {
color: #999999; color: #999999;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 1.2em; font-size: 1.2em;
} }
.world-clocks-timezone { .world-clocks-button .world-clocks-time:ltr {
text-align: right;
}
.world-clocks-button .world-clocks-time:rtl {
text-align: left;
}
.world-clocks-button .world-clocks-timezone {
color: #999999; color: #999999;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.weather-button { .weather-button {
margin-bottom: 6px; margin-bottom: 6px;
} }
.weather-button .weather-box { .weather-button .weather-box {
spacing: 0.5em; spacing: 12px;
} }
.weather-button .weather-header-box { .weather-button .weather-header-box {

View File

@ -288,14 +288,6 @@ stage {
margin: 4px 8px; margin: 4px 8px;
} }
.datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-displays-box {
spacing: 8px;
}
.datemenu-calendar-column { .datemenu-calendar-column {
spacing: 8px; spacing: 8px;
border: none; border: none;
@ -312,6 +304,14 @@ stage {
border-right-width: 0; border-right-width: 0;
} }
.datemenu-calendar-column .datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-calendar-column .datemenu-displays-box {
spacing: 8px;
}
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none; border: none;
@ -500,7 +500,6 @@ stage {
.weather-button, .weather-button,
.events-button, .events-button,
.events-section-title { .events-section-title {
min-height: 20px;
padding: 12px; padding: 12px;
margin: 2px 4px; margin: 2px 4px;
} }
@ -534,36 +533,44 @@ stage {
font-feature-settings: "tnum"; font-feature-settings: "tnum";
} }
.world-clocks-grid, .world-clocks-button .world-clocks-city {
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #565656; color: #565656;
font-weight: bold; font-weight: bold;
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-time { .world-clocks-button .world-clocks-time {
color: #565656; color: #565656;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 1.2em; font-size: 1.2em;
} }
.world-clocks-timezone { .world-clocks-button .world-clocks-time:ltr {
text-align: right;
}
.world-clocks-button .world-clocks-time:rtl {
text-align: left;
}
.world-clocks-button .world-clocks-timezone {
color: #565656; color: #565656;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.weather-button { .weather-button {
margin-bottom: 6px; margin-bottom: 6px;
} }
.weather-button .weather-box { .weather-button .weather-box {
spacing: 0.5em; spacing: 12px;
} }
.weather-button .weather-header-box { .weather-button .weather-header-box {

View File

@ -288,14 +288,6 @@ stage {
margin: 4px 8px; margin: 4px 8px;
} }
.datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-displays-box {
spacing: 8px;
}
.datemenu-calendar-column { .datemenu-calendar-column {
spacing: 8px; spacing: 8px;
border: none; border: none;
@ -312,6 +304,14 @@ stage {
border-right-width: 0; border-right-width: 0;
} }
.datemenu-calendar-column .datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-calendar-column .datemenu-displays-box {
spacing: 8px;
}
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none; border: none;
@ -500,7 +500,6 @@ stage {
.weather-button, .weather-button,
.events-button, .events-button,
.events-section-title { .events-section-title {
min-height: 20px;
padding: 12px; padding: 12px;
margin: 2px 4px; margin: 2px 4px;
} }
@ -534,36 +533,44 @@ stage {
font-feature-settings: "tnum"; font-feature-settings: "tnum";
} }
.world-clocks-grid, .world-clocks-button .world-clocks-city {
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #565656; color: #565656;
font-weight: bold; font-weight: bold;
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-time { .world-clocks-button .world-clocks-time {
color: #565656; color: #565656;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 1.2em; font-size: 1.2em;
} }
.world-clocks-timezone { .world-clocks-button .world-clocks-time:ltr {
text-align: right;
}
.world-clocks-button .world-clocks-time:rtl {
text-align: left;
}
.world-clocks-button .world-clocks-timezone {
color: #565656; color: #565656;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.weather-button { .weather-button {
margin-bottom: 6px; margin-bottom: 6px;
} }
.weather-button .weather-box { .weather-button .weather-box {
spacing: 0.5em; spacing: 12px;
} }
.weather-button .weather-header-box { .weather-button .weather-header-box {

View File

@ -288,14 +288,6 @@ stage {
margin: 4px 8px; margin: 4px 8px;
} }
.datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-displays-box {
spacing: 8px;
}
.datemenu-calendar-column { .datemenu-calendar-column {
spacing: 8px; spacing: 8px;
border: none; border: none;
@ -312,6 +304,14 @@ stage {
border-right-width: 0; border-right-width: 0;
} }
.datemenu-calendar-column .datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-calendar-column .datemenu-displays-box {
spacing: 8px;
}
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none; border: none;
@ -500,7 +500,6 @@ stage {
.weather-button, .weather-button,
.events-button, .events-button,
.events-section-title { .events-section-title {
min-height: 20px;
padding: 12px; padding: 12px;
margin: 2px 4px; margin: 2px 4px;
} }
@ -534,36 +533,44 @@ stage {
font-feature-settings: "tnum"; font-feature-settings: "tnum";
} }
.world-clocks-grid, .world-clocks-button .world-clocks-city {
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #565656; color: #565656;
font-weight: bold; font-weight: bold;
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-time { .world-clocks-button .world-clocks-time {
color: #565656; color: #565656;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 1.2em; font-size: 1.2em;
} }
.world-clocks-timezone { .world-clocks-button .world-clocks-time:ltr {
text-align: right;
}
.world-clocks-button .world-clocks-time:rtl {
text-align: left;
}
.world-clocks-button .world-clocks-timezone {
color: #565656; color: #565656;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.weather-button { .weather-button {
margin-bottom: 6px; margin-bottom: 6px;
} }
.weather-button .weather-box { .weather-button .weather-box {
spacing: 0.5em; spacing: 12px;
} }
.weather-button .weather-header-box { .weather-button .weather-header-box {

View File

@ -288,14 +288,6 @@ stage {
margin: 4px 8px; margin: 4px 8px;
} }
.datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-displays-box {
spacing: 8px;
}
.datemenu-calendar-column { .datemenu-calendar-column {
spacing: 8px; spacing: 8px;
border: none; border: none;
@ -312,6 +304,14 @@ stage {
border-right-width: 0; border-right-width: 0;
} }
.datemenu-calendar-column .datemenu-displays-section {
padding-bottom: 0;
}
.datemenu-calendar-column .datemenu-displays-box {
spacing: 8px;
}
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none; border: none;
@ -500,7 +500,6 @@ stage {
.weather-button, .weather-button,
.events-button, .events-button,
.events-section-title { .events-section-title {
min-height: 20px;
padding: 12px; padding: 12px;
margin: 2px 4px; margin: 2px 4px;
} }
@ -534,36 +533,44 @@ stage {
font-feature-settings: "tnum"; font-feature-settings: "tnum";
} }
.world-clocks-grid, .world-clocks-button .world-clocks-city {
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #565656; color: #565656;
font-weight: bold; font-weight: bold;
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-time { .world-clocks-button .world-clocks-time {
color: #565656; color: #565656;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 1.2em; font-size: 1.2em;
} }
.world-clocks-timezone { .world-clocks-button .world-clocks-time:ltr {
text-align: right;
}
.world-clocks-button .world-clocks-time:rtl {
text-align: left;
}
.world-clocks-button .world-clocks-timezone {
color: #565656; color: #565656;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: 0.9em; font-size: 0.9em;
} }
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.weather-button { .weather-button {
margin-bottom: 6px; margin-bottom: 6px;
} }
.weather-button .weather-box { .weather-button .weather-box {
spacing: 0.5em; spacing: 12px;
} }
.weather-button .weather-header-box { .weather-button .weather-header-box {

View File

@ -28,15 +28,16 @@
margin: 4px 8px; margin: 4px 8px;
} }
.datemenu-displays-section { padding-bottom: 0; }
.datemenu-displays-box { spacing: 8px; }
.datemenu-calendar-column { .datemenu-calendar-column {
spacing: 8px; spacing: 8px;
border: none; border: none;
padding: 0 $container_padding * 2; padding: 0 $container_padding * 2;
&:ltr { margin-right: $container_padding * 2; border-left-width: 0; } &:ltr { margin-right: $container_padding * 2; border-left-width: 0; }
&:rtl { margin-left: $container_padding * 2; border-right-width: 0; } &:rtl { margin-left: $container_padding * 2; border-right-width: 0; }
.datemenu-displays-section { padding-bottom: 0; }
.datemenu-displays-box { spacing: 8px; }
} }
.datemenu-today-button { .datemenu-today-button {
@ -88,6 +89,7 @@
background-image: url("assets/calendar-arrow-left.svg"); background-image: url("assets/calendar-arrow-left.svg");
&:rtl { background-image: url("assets/calendar-arrow-right.svg"); } &:rtl { background-image: url("assets/calendar-arrow-right.svg"); }
} }
.calendar-change-month-forward { //arrow foreward .calendar-change-month-forward { //arrow foreward
padding: 0 2px; padding: 0 2px;
background-image: url("assets/calendar-arrow-right.svg"); background-image: url("assets/calendar-arrow-right.svg");
@ -110,17 +112,21 @@
border-radius: 1000px; border-radius: 1000px;
color: $alt_fg_color; color: $alt_fg_color;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
&:hover, &:focus { background-color: $divider_color; } &:hover, &:focus { background-color: $divider_color; }
&:active { &:active {
color: $alt_fg_color; color: $alt_fg_color;
background-color: $track_color; background-color: $track_color;
border-color: transparent; //avoid jumparound due to today border-color: transparent; //avoid jumparound due to today
} }
&:selected { &:selected {
color: $fg_color; color: $fg_color;
background-color: $track_color; background-color: $track_color;
border-color: transparent; //avoid jumparound due to today border-color: transparent; //avoid jumparound due to today
} }
&.calendar-day-heading { //day of week heading &.calendar-day-heading { //day of week heading
width: $menuitem_size; width: $menuitem_size;
height: $menuitem_size - 7px; height: $menuitem_size - 7px;
@ -138,6 +144,7 @@
.calendar-day { //border collapse hack - see calendar.js .calendar-day { //border collapse hack - see calendar.js
border-width: 0; border-width: 0;
} }
.calendar-day-top { border-top-width: 0; } .calendar-day-top { border-top-width: 0; }
.calendar-day-left { border-left-width: 0; } .calendar-day-left { border-left-width: 0; }
.calendar-nonwork-day { .calendar-nonwork-day {
@ -199,7 +206,6 @@
.events-button, .events-button,
.events-section-title { .events-section-title {
@extend %popover_bubble; @extend %popover_bubble;
min-height: $menuitem_size - 4px * 2;
padding: 12px; padding: 12px;
margin: 2px 4px; margin: 2px 4px;
} }
@ -236,36 +242,41 @@
} }
// World Clock // World Clock
.world-clocks-button {
.world-clocks-city {
color: $hint_fg_color;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: $hint_fg_color;
font-feature-settings: "tnum";
font-size: 1.2em;
&:ltr { text-align: right; }
&:rtl { text-align: left; }
}
.world-clocks-timezone {
color: $hint_fg_color;
font-feature-settings: "tnum";
font-size: 0.9em;
}
}
.world-clocks-grid, .world-clocks-grid,
.weather-grid { .weather-grid {
spacing-rows: 0.4em; spacing-rows: 0.4em;
spacing-columns: 0.8em; spacing-columns: 0.8em;
} }
.world-clocks-city {
color: $hint_fg_color;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: $hint_fg_color;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: $hint_fg_color;
font-feature-settings: "tnum";
font-size: 0.9em;
}
// Weather // Weather
.weather-button { .weather-button {
margin-bottom: 6px; margin-bottom: 6px;
.weather-box { .weather-box {
spacing: 0.5em; spacing: 12px;
} }
.weather-header-box { .weather-header-box {