From 5dab6d7d6ac861ea0de93b12058fbf9015c8dc8c Mon Sep 17 00:00:00 2001 From: EliverLara Date: Thu, 21 Jan 2021 16:45:10 -0600 Subject: [PATCH] Cinnamon: Fix missing hover effect on some elements #133 --- gtk-3.0/apps/_nemo.scss | 5 ++++- gtk-3.0/gtk-dark.css | 11 +++++++++++ gtk-3.0/gtk.css | 11 +++++++++++ gtk-3.0/widgets/_buttons.scss | 10 +++++++++- 4 files changed, 35 insertions(+), 2 deletions(-) diff --git a/gtk-3.0/apps/_nemo.scss b/gtk-3.0/apps/_nemo.scss index 58b9956..04cfd48 100644 --- a/gtk-3.0/apps/_nemo.scss +++ b/gtk-3.0/apps/_nemo.scss @@ -50,7 +50,10 @@ margin-top: 5px; margin-bottom: 5px; min-height: 24px; - &:hover { color: $selected_bg_color; } + &:hover { + background: transparent; + color: $selected_bg_color; + } &:selected, &:active, &:checked { @include button(active-header); } diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css index 8462a6e..d8da09d 100755 --- a/gtk-3.0/gtk-dark.css +++ b/gtk-3.0/gtk-dark.css @@ -965,8 +965,18 @@ button:backdrop { border-width: 1px; } .primary-toolbar +button, .primary-toolbar .raised button { -gtk-icon-shadow: none; } + .primary-toolbar + button:hover, .primary-toolbar + button:focus, .primary-toolbar .raised + button:hover, .primary-toolbar .raised + button:focus { + color: #fefefe; + outline-color: rgba(254, 254, 254, 0.3); + background-color: #c50ed2; + text-shadow: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { @@ -6344,6 +6354,7 @@ ConversationListView { margin-bottom: 5px; min-height: 24px; } .nemo-window toolbar.primary-toolbar button:hover { + background: transparent; color: #c50ed2; } .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { border-radius: 23px; diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index 8462a6e..d8da09d 100755 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -965,8 +965,18 @@ button:backdrop { border-width: 1px; } .primary-toolbar +button, .primary-toolbar .raised button { -gtk-icon-shadow: none; } + .primary-toolbar + button:hover, .primary-toolbar + button:focus, .primary-toolbar .raised + button:hover, .primary-toolbar .raised + button:focus { + color: #fefefe; + outline-color: rgba(254, 254, 254, 0.3); + background-color: #c50ed2; + text-shadow: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { @@ -6344,6 +6354,7 @@ ConversationListView { margin-bottom: 5px; min-height: 24px; } .nemo-window toolbar.primary-toolbar button:hover { + background: transparent; color: #c50ed2; } .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { border-radius: 23px; diff --git a/gtk-3.0/widgets/_buttons.scss b/gtk-3.0/widgets/_buttons.scss index f6a8ba9..fc1a427 100644 --- a/gtk-3.0/widgets/_buttons.scss +++ b/gtk-3.0/widgets/_buttons.scss @@ -352,7 +352,15 @@ button { @extend %linked; } - .primary-toolbar & { -gtk-icon-shadow: none; } // tango icons don't need shadows + .primary-toolbar &, .primary-toolbar .raised & { // tango icons don't need shadows + -gtk-icon-shadow: none; + + &:hover, + &:focus { + @include button(hover,$selected_bg_color,$selected_fg_color); + } + + } .linked > &, .linked > &:hover,