diff options
| author | Georges Basile Stavracas Neto <georges.stavracas@gmail.com> | 2022-06-28 13:19:55 -0300 |
|---|---|---|
| committer | Florian Müllner <fmuellner@gnome.org> | 2022-08-10 19:53:21 +0200 |
| commit | 765a65a3d33b829f79b8f3cceb41ee5001c005a5 (patch) | |
| tree | e71283ec5c3bedf4f3890078e0b57d321fcca762 | |
| parent | cc9c6a3ac6eff17be56809ea3fbab7ca4e414e19 (diff) | |
| download | gnome-shell-sass-765a65a3d33b829f79b8f3cceb41ee5001c005a5.tar.gz | |
style: Theme pagination arrows as per mockups
The style is essentially a copy of %osd_button, but adapted to
style the inner icon instead of the whole button.
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2335>
| -rw-r--r-- | widgets/_app-grid.scss | 16 |
1 files changed, 12 insertions, 4 deletions
diff --git a/widgets/_app-grid.scss b/widgets/_app-grid.scss index 6add597..abea753 100644 --- a/widgets/_app-grid.scss +++ b/widgets/_app-grid.scss @@ -146,8 +146,16 @@ $app_icon_size: 96px; } } -.page-navigation-arrow > StIcon { - margin: 6px; - width: 24px; - height: 24px; +.page-navigation-arrow { + & > StIcon { + margin: 6px; + padding: 18px; + width: 24px; + height: 24px; + border-radius: 99px; + } + + &:insensitive > StIcon { @include button(undecorated, $osd_fg_color, transparentize($osd_bg_color, 0.5));} + &:hover > StIcon { @include button(hover, $osd_fg_color, transparentize($osd_bg_color, 0.5));} + &:active > StIcon { @include button(active, $osd_fg_color, transparentize($osd_bg_color, 0.5));} } |