From b73f428a8642937d7b68f422add2c0f6a59c9af2 Mon Sep 17 00:00:00 2001 From: Jakub Steiner Date: Wed, 16 Mar 2016 14:53:47 +0100 Subject: [PATCH] High Contrast: circular buttons - make sure they are visible on selected rows https://bugzilla.gnome.org/show_bug.cgi?id=763612 --- gtk/theme/HighContrast/_common.scss | 11 +++++++---- gtk/theme/HighContrast/gtk-contained-inverse.css | 11 ++++++++--- gtk/theme/HighContrast/gtk-contained.css | 11 ++++++++--- 3 files changed, 23 insertions(+), 10 deletions(-) diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss index 7664656288..c330d7fc74 100644 --- a/gtk/theme/HighContrast/_common.scss +++ b/gtk/theme/HighContrast/_common.scss @@ -2993,13 +2993,16 @@ cursor-handle { } } -button.circular { +button.circular { // FIXME: aggregate to buttons border-radius: 20px; -gtk-outline-radius: 20px; -} -button.circular label { - padding: 0; + label { padding: 0; } + row:selected & { + color: $selected_fg_color; + &:hover { color: $fg_color; } + &:active { color: $selected_fg_color; } + } } // shortcut window keys diff --git a/gtk/theme/HighContrast/gtk-contained-inverse.css b/gtk/theme/HighContrast/gtk-contained-inverse.css index 7c178b7ff4..977de623c1 100644 --- a/gtk/theme/HighContrast/gtk-contained-inverse.css +++ b/gtk/theme/HighContrast/gtk-contained-inverse.css @@ -3296,9 +3296,14 @@ cursor-handle { button.circular { border-radius: 20px; -gtk-outline-radius: 20px; } - -button.circular label { - padding: 0; } + button.circular label { + padding: 0; } + row:selected button.circular { + color: #fff; } + row:selected button.circular:hover { + color: #fff; } + row:selected button.circular:active { + color: #fff; } .keycap { min-width: 18px; diff --git a/gtk/theme/HighContrast/gtk-contained.css b/gtk/theme/HighContrast/gtk-contained.css index f698ebcea2..36ac82bee8 100644 --- a/gtk/theme/HighContrast/gtk-contained.css +++ b/gtk/theme/HighContrast/gtk-contained.css @@ -3303,9 +3303,14 @@ cursor-handle { button.circular { border-radius: 20px; -gtk-outline-radius: 20px; } - -button.circular label { - padding: 0; } + button.circular label { + padding: 0; } + row:selected button.circular { + color: #fff; } + row:selected button.circular:hover { + color: #000; } + row:selected button.circular:active { + color: #fff; } .keycap { min-width: 18px;