brl/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: Clean up message list padding

Browse Source 
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3165>
This commit is contained in:
Sam Hewitt 2024-02-05 12:47:31 -03:30 committed by Florian Müllner
parent f0acfd3728
commit 9758227ff5
1 changed files with 18 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
data/theme/gnome-shell-sass/widgets/_message-list.scss
View File

@ -24,10 +24,6 @@
} }
.message-list-sections { .message-list-sections {
spacing: $base_padding;
margin: 0;
padding-bottom: $base_padding;
// to account for scrollbar // to account for scrollbar
&:ltr {margin-right: $base_margin * 3; } &:ltr {margin-right: $base_margin * 3; }
&:rtl {margin-left: $base_margin * 3;} &:rtl {margin-left: $base_margin * 3;}
@ -35,7 +31,7 @@
.message-list-section, .message-list-section,
.message-list-section-list { .message-list-section-list {
spacing: $base_padding; spacing: $base_padding * 1.5;
} }
// do-not-disturb + clear button // do-not-disturb + clear button
@ -63,23 +59,23 @@
// message bubbles // message bubbles
.message { .message {
@extend %card; @extend %card;
padding: 0 !important; padding: 0;
border-radius: $modal_radius;
// subtract side padding to accommodate the close button // subtract side padding to accommodate the close button's border
&:ltr { padding-right: $base_padding - 2px; }; &:ltr { padding-right:-2px; };
&:rtl { padding-left: $base_padding - 2px; }; &:rtl { padding-left:-2px; };
// message header // message header
.message-header { .message-header {
padding: 0 $scaled_padding; padding: 0 $scaled_padding;
margin: 0 $base_padding; margin: $base_padding;
margin-top: $base_padding; margin-bottom: 0;
color: $insensitive_fg_color;
spacing: $base_padding; spacing: $base_padding;
color: $insensitive_fg_color;
// header source icon // header source icon
.message-source-icon { .message-source-icon {
padding: 2px 0;
icon-size: $scalable_icon_size; // 16px icon-size: $scalable_icon_size; // 16px
-st-icon-style: symbolic; -st-icon-style: symbolic;
} }
@ -110,28 +106,26 @@
// close button // close button
.message-close-button { .message-close-button {
@extend .icon-button; @extend .icon-button;
color: $fg_color !important; color: $fg_color;
background-color: transparentize($fg_color, 0.8); background-color: transparentize($fg_color, 0.8);
padding: 0 !important; padding: 4px;
border: 4px transparent solid; &:hover { background-color: transparentize($fg_color, 0.7);}
&:hover {background-color: transparentize($fg_color, 0.7);} &:insensitive { background-color: transparentize($fg_color, 0.9);}
&:insensitive {background-color: transparentize($fg_color, 0.9);} &:active { background-color: transparentize($fg_color, 0.8);}
&:active {background-color: transparentize($fg_color, 0.8);}
} }
} }
// container for message contents // container for message contents
.message-box { .message-box {
padding: 0 $base_padding; padding: $base_padding;
padding-bottom: $base_padding;
margin: $base_padding; margin: $base_padding;
margin-top: $base_padding; margin-top: 0;
spacing: $base_padding; spacing: $base_padding;
// icon container // icon container
.message-icon-bin { .message-icon-bin {
&:ltr {padding-right:$base_padding;} &:ltr { padding-right:$base_padding;}
&:rtl {padding-left:$base_padding;} &:rtl { padding-left:$base_padding;}
// icon size and color // icon size and color
> StIcon { > StIcon {