This commit is contained in:
vinceliuice 2024-04-28 15:56:56 +08:00
parent 6b5a5b192f
commit 2b45513f3a
4 changed files with 12 additions and 7 deletions

View File

@ -11,10 +11,10 @@
background-color: $menu_bg; background-color: $menu_bg;
border: 1px solid if($variant=='light', rgba(black, 0), rgba(black, 0.75)); border: 1px solid if($variant=='light', rgba(black, 0), rgba(black, 0.75));
text-shadow: none; text-shadow: none;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 5px rgba(black, 0.15);
@include font(body-1); @include font(body-1);
&:hover { background-color: rgba($menu_bg, 1); box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25); } &:hover { background-color: rgba($menu_bg, 1); }
&:focus { background-color: $menu_bg; } &:focus { background-color: $menu_bg; }

View File

@ -2,20 +2,22 @@
%search-section-content-item { %search-section-content-item {
border-radius: $bt_radius; border-radius: $bt_radius;
padding: $base_padding; padding: $base_padding * 2;
transition-duration: 100ms; transition-duration: 0;
text-align: center; text-align: center;
background-color: transparent;
&:focus, &:focus,
&:hover, &:hover,
&:selected { &:selected {
background-color: $light_divider_color; background-color: $light_divider_color;
transition-duration: 200ms; transition: none;
} }
&:active, &:active,
&:checked { &:checked {
background-color: $light_track_color; background-color: $light_track_color;
transition-duration: 150ms;
} }
} }

View File

@ -103,10 +103,13 @@ $card_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($base_color, 8
// message bubbles // message bubbles
.message { .message {
@extend %card;
border: 1px solid transparent; border: 1px solid transparent;
border-left: none; border-left: none;
.popup-menu & {
@extend %card;
}
// subtract side padding to accommodate the close button's border // subtract side padding to accommodate the close button's border
&:ltr { padding-right:-2px; } &:ltr { padding-right:-2px; }
&:rtl { padding-left:-2px; } &:rtl { padding-left:-2px; }

View File

@ -7,7 +7,7 @@ $notification_banner_width: 34em;
.notification-banner { .notification-banner {
min-height: $notification_banner_height; min-height: $notification_banner_height;
width: $notification_banner_width; width: $notification_banner_width;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 5px rgba(black, 0.15);
border-radius: $wm_radius; border-radius: $wm_radius;
margin: $base_padding; margin: $base_padding;
padding: $scaled_padding; padding: $scaled_padding;