This commit is contained in:
vinceliuice 2023-03-11 17:15:56 +08:00
parent aab4b9dc0b
commit 4fcaedf969
2 changed files with 20 additions and 17 deletions

View File

@ -119,7 +119,7 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
border: none; border: none;
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 * 2 !important;
margin: 0 $base_padding + $base_margin + 4px !important; margin: 0 $base_padding + $base_margin + 4px !important;
text-shadow: none; text-shadow: none;
border-radius: $mn_radius; border-radius: $mn_radius;
@ -284,7 +284,7 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
.weather-button, .weather-button,
.events-button { .events-button {
@extend %popover_bubble; @extend %popover_bubble;
padding: $base_padding * 2 !important; padding: $base_padding * 3 !important;
margin: 3px 4px !important; margin: 3px 4px !important;
} }

View File

@ -67,6 +67,7 @@
// message bubbles // message bubbles
.message { .message {
margin: 3px 4px; margin: 3px 4px;
padding: $base_padding;
.popup-menu & { .popup-menu & {
@extend %popover_bubble; @extend %popover_bubble;
@ -74,9 +75,12 @@
// icon container // icon container
.message-icon-bin { .message-icon-bin {
margin: 8px 0; margin: 0;
padding: 8px 0px 8px 8px; padding: $base_padding * 4 $base_padding * 3;
&:rtl { padding: 8px 8px 8px 0px; }
&:ltr { padding-right: $base_padding; }
&:rtl { padding-left: $base_padding; }
// icon size and color // icon size and color
> StIcon { > StIcon {
@ -86,37 +90,36 @@
// fallback // fallback
> .fallback-app-icon { > .fallback-app-icon {
width: 16px; width: $base_icon_size;
height: 16px; height: $base_icon_size;
} }
} }
.message-secondary-bin { .message-secondary-bin {
padding: 0 8px; padding: 0 $base_margin * 2;
> .event-time { > .event-time {
min-height: $small_size - 2px;
color: $hint_fg_color; color: $hint_fg_color;
font-size: 1em; font-size: 1em;
text-align: right;
/* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
padding-bottom: 0.13em; padding-bottom: 0.13em;
&:ltr { text-align: right; }
&:rtl { text-align: left; }
} }
} }
.message-title { .message-title {
min-height: $small_size - 2px; padding-top: 0.35em !important;
padding-top: 2px; // color: $fg_color;
color: $fg_color;
font-weight: bold; font-weight: bold;
font-size: 1em;
} }
.message-content { .message-content {
min-height: $menuitem_size * 2 - 8px * 2;
padding: 8px;
color: $hint_fg_color; color: $hint_fg_color;
font-size: 1em; spacing: $base_margin;
padding: $base_padding * 1.5;
margin-bottom: $base_margin * 2;
} }
// close button // close button