diff options
author | Jakub Steiner <jimmac@gmail.com> | 2019-02-22 12:02:59 +0100 |
---|---|---|
committer | Jakub Steiner <jimmac@gmail.com> | 2019-02-22 12:35:32 +0100 |
commit | 864e1ca5260d596020d74699e04714937920892b (patch) | |
tree | f8c8126c9ee359eb842cf459b72dad1e6db34f1f | |
parent | 736dbfef42681864dfecbb72baf1d0f6fa2d3bb8 (diff) | |
download | gtk+-864e1ca5260d596020d74699e04714937920892b.tar.gz |
Adwaita: circles for .circular buttons
- doesn't catch all cases, but most buttons need uniform paddings
to remain circular, not elliptical.
fixes issue #1695
-rw-r--r-- | gtk/theme/Adwaita/_common.scss | 1 | ||||
-rw-r--r-- | gtk/theme/Adwaita/gtk-contained-dark.css | 2 | ||||
-rw-r--r-- | gtk/theme/Adwaita/gtk-contained.css | 2 |
3 files changed, 3 insertions, 2 deletions
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index 9b1a970a5b..b1bcd2701a 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -849,6 +849,7 @@ button { &.circular { // The Bloody Circul Button border-radius: 9999px; -gtk-outline-radius: 9999px; + padding: 4px; /* circles instead of ellipses */ label { padding: 0; } diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index 7cb5f5f467..222fdce14c 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -376,7 +376,7 @@ button.font > box > box > label { font-weight: bold; } .primary-toolbar button { -gtk-icon-shadow: none; } -button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; background-origin: padding-box, border-box; background-clip: padding-box, border-box; } +button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 4px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } button.circular label { padding: 0; } diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index 1aed86ee35..112a372758 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -378,7 +378,7 @@ button.font > box > box > label { font-weight: bold; } .primary-toolbar button { -gtk-icon-shadow: none; } -button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; background-origin: padding-box, border-box; background-clip: padding-box, border-box; } +button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 4px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } button.circular label { padding: 0; } |