Commit 864e1ca5 authored by Jakub Steiner's avatar Jakub Steiner

Adwaita: circles for .circular buttons

- doesn't catch all cases, but most buttons need uniform paddings
  to remain circular, not elliptical.

fixes issue #1695
parent 736dbfef
Pipeline #61713 passed with stage
in 9 minutes and 18 seconds
......@@ -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; }
......
......@@ -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; }
......
......@@ -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; }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment