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

style: Add generic .icon-button class

Browse Source 
The class is meant for buttons that only contain an icon, as
found in many GTK apps.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2397>
This commit is contained in:
Florian Müllner 2022-08-02 19:26:53 +02:00 committed by Marge Bot
parent 5c935af7d3
commit d87950da55
2 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
data/theme/gnome-shell-sass/_common.scss
View File

@ -102,6 +102,24 @@ stage {
&:checked { @include button(checked);} &:checked { @include button(checked);}
} }
// normal icon-only button
%icon_button {
border-radius: 99px;
border-style: solid;
border-width: 1px;
font-weight: bold;
padding: $base_padding*2;
@include button(normal);
&:focus { @include button(focus);}
&:hover { @include button(hover);}
&:insensitive { @include button(insensitive);}
&:active { @include button(active);}
&:checked { @include button(checked);}
& > StIcon { icon-size: $base_icon_size; }
}
// buttons in dialogs/notifications // buttons in dialogs/notifications
// lighter in color and have a greater radius // lighter in color and have a greater radius

4
data/theme/gnome-shell-sass/widgets/_buttons.scss
View File

@ -4,3 +4,7 @@
@extend %button; // that's it @extend %button; // that's it
min-height: 22px; min-height: 22px;
} }
.icon-button {
@extend %icon_button; // that's it
}