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

View file

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