From b2a3a8f92f7d20ca2bf4a60f047897af02977f08 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Wed, 16 Dec 2020 18:35:35 +0100 Subject: [PATCH] GTK3: avoid hover animations on backdrop state --- share/themes/Kali-Dark/gtk-3.0/gtk.css | 14 +++++++------- share/themes/Kali-Light/gtk-3.0/gtk-dark.css | 14 +++++++------- share/themes/Kali-Light/gtk-3.0/gtk.css | 14 +++++++------- src/themes/Kali/sass/gtk-sass/_common-tweaks.scss | 4 ++-- 4 files changed, 23 insertions(+), 23 deletions(-) diff --git a/share/themes/Kali-Dark/gtk-3.0/gtk.css b/share/themes/Kali-Dark/gtk-3.0/gtk.css index ba5d1cef..a64aa008 100644 --- a/share/themes/Kali-Dark/gtk-3.0/gtk.css +++ b/share/themes/Kali-Dark/gtk-3.0/gtk.css @@ -5088,14 +5088,14 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top): headerbar stackswitcher button:checked:active, headerbar stackswitcher button:checked:checked, headerbar button.toggle:active, -headerbar button.toggle:checked, button.flat:hover, button:active, button:checked { +headerbar button.toggle:checked, button.flat:hover:not(:backdrop), button:active, button:checked { background: #1b1d24; box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); } button.flat { border-color: transparent; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - button.flat:hover { + button.flat:hover:not(:backdrop) { transition: none; } /********** @@ -5261,11 +5261,11 @@ notebook > header { notebook > header.right > tabs > tab.reorderable-page { border: 1px solid transparent; margin: 3px; } - notebook > header.top > tabs > tab:hover, - notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab:hover, - notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab:hover, - notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab:hover, - notebook > header.right > tabs > tab.reorderable-page:hover { + notebook > header.top > tabs > tab:hover:not(:backdrop), + notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop), + notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop), + notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop), + notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; diff --git a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css index ba5d1cef..a64aa008 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css @@ -5088,14 +5088,14 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top): headerbar stackswitcher button:checked:active, headerbar stackswitcher button:checked:checked, headerbar button.toggle:active, -headerbar button.toggle:checked, button.flat:hover, button:active, button:checked { +headerbar button.toggle:checked, button.flat:hover:not(:backdrop), button:active, button:checked { background: #1b1d24; box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); } button.flat { border-color: transparent; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - button.flat:hover { + button.flat:hover:not(:backdrop) { transition: none; } /********** @@ -5261,11 +5261,11 @@ notebook > header { notebook > header.right > tabs > tab.reorderable-page { border: 1px solid transparent; margin: 3px; } - notebook > header.top > tabs > tab:hover, - notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab:hover, - notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab:hover, - notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab:hover, - notebook > header.right > tabs > tab.reorderable-page:hover { + notebook > header.top > tabs > tab:hover:not(:backdrop), + notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop), + notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop), + notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop), + notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; diff --git a/share/themes/Kali-Light/gtk-3.0/gtk.css b/share/themes/Kali-Light/gtk-3.0/gtk.css index aa0e9931..e6dc53b1 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk.css @@ -5110,14 +5110,14 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top): headerbar stackswitcher button:checked:active, headerbar stackswitcher button:checked:checked, headerbar button.toggle:active, -headerbar button.toggle:checked, button.flat:hover, button:active, button:checked { +headerbar button.toggle:checked, button.flat:hover:not(:backdrop), button:active, button:checked { background: #f2f2f2; box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1); } button.flat { border-color: transparent; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - button.flat:hover { + button.flat:hover:not(:backdrop) { transition: none; } /********** @@ -5282,11 +5282,11 @@ notebook > header { notebook > header.right > tabs > tab.reorderable-page { border: 1px solid transparent; margin: 3px; } - notebook > header.top > tabs > tab:hover, - notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab:hover, - notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab:hover, - notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab:hover, - notebook > header.right > tabs > tab.reorderable-page:hover { + notebook > header.top > tabs > tab:hover:not(:backdrop), + notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop), + notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop), + notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop), + notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; diff --git a/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss b/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss index 97e04fa0..a47e46f4 100644 --- a/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss @@ -31,7 +31,7 @@ button { border-color: transparent; transition: $button_transition; - &:hover { + &:hover:not(:backdrop) { @extend %button_active; transition: none; } @@ -235,7 +235,7 @@ notebook { border: 1px solid transparent; margin: 3px; - &:hover { @include button(hover); } + &:hover:not(:backdrop) { @include button(hover); } &:checked { @include button(normal);