From 6915728e9713aed388555915075ea1d99b61db55 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 39abdc8..cd59f59 100644 --- a/gtk-3.0/apps/_nemo.scss +++ b/gtk-3.0/apps/_nemo.scss @@ -51,7 +51,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 35ac4f4..9dd5736 100755 --- a/gtk-3.0/gtk-dark.css +++ b/gtk-3.0/gtk-dark.css @@ -975,8 +975,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: #f7f7f7; + outline-color: rgba(247, 247, 247, 0.3); + background-color: #F67E7D; + text-shadow: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { @@ -6348,6 +6358,7 @@ ConversationListView { margin-bottom: 5px; min-height: 24px; } .nemo-window toolbar.primary-toolbar button:hover { + background: transparent; color: #F67E7D; } .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 35ac4f4..9dd5736 100755 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -975,8 +975,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: #f7f7f7; + outline-color: rgba(247, 247, 247, 0.3); + background-color: #F67E7D; + text-shadow: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { @@ -6348,6 +6358,7 @@ ConversationListView { margin-bottom: 5px; min-height: 24px; } .nemo-window toolbar.primary-toolbar button:hover { + background: transparent; color: #F67E7D; } .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 4c027ab..1e4a4ab 100644 --- a/gtk-3.0/widgets/_buttons.scss +++ b/gtk-3.0/widgets/_buttons.scss @@ -354,7 +354,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,