This commit is contained in:
vinceliuice 2024-04-18 08:42:47 +08:00
parent 18c91caad8
commit 64bff3e160
3 changed files with 28 additions and 24 deletions

View File

@ -293,7 +293,7 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
.events-button {
@extend %popover_bubble;
padding: $base_padding * 3 !important;
margin: 3px 4px !important;
margin: 4px !important;
}
// Events

View File

@ -80,7 +80,6 @@ $card_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($base_color, 8
background-color: $card_bg;
box-shadow: 0 1px 2px 0 rgba(black, 0.02);
// bit of a hack here with border since we can't have double box-shadow
border: 1px solid transparent;
color: $alt_fg_color;
&:hover, &:focus {
@ -105,6 +104,8 @@ $card_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($base_color, 8
// message bubbles
.message {
@extend %card;
border: 1px solid transparent;
border-left: none;
// subtract side padding to accommodate the close button's border
&:ltr { padding-right:-2px; }
@ -162,7 +163,7 @@ $card_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($base_color, 8
}
.message-expand-button {
padding: 6px;
padding: 4px;
&:ltr { margin-right: $base_padding; }
&:rtl { margin-left: $base_padding; }
}

View File

@ -11,37 +11,40 @@ $notification_banner_width: 34em;
border-radius: $wm_radius;
margin: $base_padding;
padding: $scaled_padding;
border-left: 0;
border-bottom: 0;
}
.notification-buttons-bin {
spacing: 0;
padding: 0;
}
.notification-button {
min-height: 40px;
padding: 0 16px;
min-height: 40px;
padding: 0 16px;
background-color: $fill_color;
color: $alt_fg_color;
font-weight: 500;
border: none;
margin-right: $scaled_padding !important;
&:focus {
background-color: $base_color;
color: $alt_fg_color;
font-weight: 500;
border-width: 0;
margin-right: $scaled_padding !important;
color: $fg_color;
box-shadow: inset 0 0 0 2px $divider_color !important;
}
&:focus {
background-color: $base_color;
color: $fg_color;
box-shadow: inset 0 0 0 2px $divider_color !important;
}
&:hover {
background-color: $divider_color;
color: $fg_color;
box-shadow: none;
}
&:hover {
background-color: $divider_color;
color: $fg_color;
box-shadow: none;
}
&:active, &:checked {
background-color: $track_color;
color: $fg_color;
}
&:active, &:checked {
background-color: $track_color;
color: $fg_color;
}
&:insensitive {
background-color: transparent;