This commit is contained in:
vinceliuice 2023-03-11 16:50:36 +08:00
parent ace428d277
commit aab4b9dc0b
3 changed files with 47 additions and 28 deletions

View file

@ -39,30 +39,29 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
} }
} }
.clock-display-box {
spacing: 2px;
.clock {
padding-left: $base_padding * 2;
padding-right: $base_padding * 2;
}
}
// overall menu // overall menu
#calendarArea { #calendarArea {
padding: $base_padding * 1.5 0; padding: 4px 0;
} }
// Calendar menu side column // Calendar menu side column
.datemenu-calendar-column { .datemenu-calendar-column {
spacing: $base_spacing; spacing: $base_spacing;
border: 0 solid $borders_color; border: 0 solid $borders_color;
padding: 0 0 0 $base_padding * 2;
&:ltr { margin-right: $base_margin * 2; border-left-width: 0; } &:ltr {
&:rtl { margin-left: $base_margin * 2; border-right-width: 0; } margin-right: 0;
padding-left: 0;
border-left-width: 0;
}
.datemenu-displays-section { padding-bottom: 0; } &:rtl {
margin-left: 0;
padding-right: 0;
border-right-width: 0;
}
.datemenu-displays-section { padding: 0; }
.datemenu-displays-box { .datemenu-displays-box {
spacing: $base_spacing; spacing: $base_spacing;
@ -121,7 +120,7 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
box-shadow: 0 1px 2px rgba(black, 0.02) !important; box-shadow: 0 1px 2px rgba(black, 0.02) !important;
background-color: $popover_bubble_bg; background-color: $popover_bubble_bg;
padding: $base_padding !important; padding: $base_padding !important;
margin: 0 12px !important; margin: 0 $base_padding + $base_margin + 4px !important;
text-shadow: none; text-shadow: none;
border-radius: $mn_radius; border-radius: $mn_radius;
@ -286,7 +285,7 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
.events-button { .events-button {
@extend %popover_bubble; @extend %popover_bubble;
padding: $base_padding * 2 !important; padding: $base_padding * 2 !important;
margin: 2px 4px !important; margin: 3px 4px !important;
} }
// Events // Events
@ -345,8 +344,6 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
// Weather // Weather
.weather-button { .weather-button {
margin-bottom: 6px !important;
.weather-box { .weather-box {
spacing: $base_spacing + $base_margin; spacing: $base_spacing + $base_margin;
} }

View file

@ -3,16 +3,29 @@
.message-list { .message-list {
width: 31.5em; width: 31.5em;
padding: $base_padding * 1.5 0; padding: 0 $base_margin;
text-shadow: none; text-shadow: none;
border: none; border: none;
// padding and margins to account for scrollbar // padding and margins to account for scrollbar
&:ltr { margin-left: 0; margin-right: 0; padding-right: 0; } &:ltr {
&:rtl { margin-right: 0; margin-left: 0; padding-left: 0; } margin-left: 0;
margin-right: 0;
padding-right: 0;
border-right-width: 0;
}
&:rtl {
margin-right: 0;
margin-left: 0;
padding-left: 0;
border-left-width: 0;
}
.message-list-placeholder { .message-list-placeholder {
spacing: 12px; font-weight: 800;
@include fontsize(15);
color: $disabled_fg_color;
// icon size and color // icon size and color
> StIcon { > StIcon {
@ -24,11 +37,16 @@
} }
.message-list-sections { .message-list-sections {
margin: 0 $base_margin * 4; // to account for scrollbar spacing: $base_padding;
margin: 0;
padding-bottom: $base_padding;
// to account for scrollbar
&:ltr { margin-right: $base_margin !important; }
&:rtl { margin-left: $base_margin !important; }
} }
.message-list-section, .message-list-section,
.message-list-sections,
.message-list-section-list { .message-list-section-list {
spacing: $base_spacing; spacing: $base_spacing;
} }
@ -48,7 +66,7 @@
// message bubbles // message bubbles
.message { .message {
margin: 3px 4px 4px; margin: 3px 4px;
.popup-menu & { .popup-menu & {
@extend %popover_bubble; @extend %popover_bubble;

View file

@ -134,7 +134,11 @@ $panel_height: $menuitem_size;
&.clock-display { &.clock-display {
background-color: transparent; background-color: transparent;
StLabel { padding: 0 $base_padding; } &, .clock-display-box {
spacing: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
.clock { .clock {
// transition-duration: 150ms; // transition-duration: 150ms;
@ -142,8 +146,8 @@ $panel_height: $menuitem_size;
border-radius: $bt_radius; border-radius: $bt_radius;
background-color: transparent; background-color: transparent;
box-shadow: none; box-shadow: none;
padding: 0 $base_padding * 3; padding: 0 $base_padding + 12px !important;
spacing: $base_padding; margin: 0 !important;
} }
} }