Commit 2333367f authored by Jan Blackquill's avatar Jan Blackquill 🌈

gtk3, gtk4: remove hover animations

parent f8f40071
......@@ -161,13 +161,13 @@ $_dot_color: gtk("@theme_button_decoration_focus");
}
%buttons {
$_button_transition: all 200ms $ease-out-quad;
border: 1px solid;
border-radius: $r;
padding: 6px 6px;
background-clip: border-box;
transition: $_button_transition;
@include button(normal);
&.flat {
@include button(undecorated);
......@@ -175,13 +175,13 @@ $_dot_color: gtk("@theme_button_decoration_focus");
// to none, while it's added back in the hover state, so the button decoration will fade in on hover, but
// it won't fade out when the pointer leave the button allocation area. To make the transition more evident
// in this case the duration is increased.
transition: none;
&:hover {
transition: $_button_transition;
transition-duration: 500ms;
&:active,
&:focus {
transition: $_button_transition;
}
}
&:checked {
......
......@@ -55,7 +55,7 @@ entry {
padding-right: 8px;
border: 1px solid;
border-radius: $r;
transition: all 200ms $ease-out-quad;
@include entry(normal);
......
......@@ -6,7 +6,7 @@
%titlebar,
headerbar {
transition: none;
padding: 0px 6px;
border-width: 0px 0px 1px 0px;
border-radius: 3px 3px 0px 0px;
......@@ -36,7 +36,7 @@ headerbar {
}
}
button {
transition: none;
@include button(undecorated);
color: gtk("@theme_titlebar_foreground");
......
......@@ -30,10 +30,10 @@ list {
}
row {
transition: all 150ms $ease-out-quad;
&:hover {
transition: none;
}
&.activatable {
......
......@@ -37,10 +37,10 @@
background-color: gtk("@theme_unfocused_bg_color");
}
row {
transition: all 150ms $ease-out-quad;
&:hover {
transition: none;
}
&.activatable {
......@@ -205,12 +205,12 @@ placessidebar {
placesview {
.server-list-button > image {
transition: 200ms $ease-out-quad;
-gtk-icon-transform: rotate(0turn);
}
.server-list-button:checked > image {
transition: 200ms $ease-out-quad;
-gtk-icon-transform: rotate(-0.5turn);
}
......
......@@ -148,13 +148,13 @@ treeview.view {
color: gtk("@theme_button_foreground_normal");
background-color: gtkalpha(gtk("@theme_button_decoration_hover"), 0.5);
box-shadow: none;
transition: none; //I shouldn't need this
}
&:active {
@extend %column_header_button;
color: gtk("@theme_button_foreground_normal");
background-color: gtkalpha(gtk("@theme_button_decoration_hover"), 0.5);
transition: none; //I shouldn't need this
}
}
button:last-child {
......@@ -179,7 +179,7 @@ treeview.view {
border-radius: 0;
box-shadow: none;
text-shadow: none;
transition: none;
}
}
}
......
......@@ -77,7 +77,7 @@ window {
&:checked,
&:backdrop,
&:active:hover {
transition: none;
}
image {
......
......@@ -159,13 +159,13 @@ $_dot_color: gtk("@theme_button_decoration_focus");
%buttons {
$_button_transition: all 200ms $ease-out-quad;
border: 1px solid;
border-radius: $r;
padding: 6px 6px;
background-clip: border-box;
transition: $_button_transition;
@include button(normal);
&.flat {
@include button(undecorated);
......@@ -173,11 +173,11 @@ $_dot_color: gtk("@theme_button_decoration_focus");
// to none, while it's added back in the hover state, so the button decoration will fade in on hover, but
// it won't fade out when the pointer leave the button allocation area. To make the transition more evident
// in this case the duration is increased.
transition: none;
&:hover {
transition: $_button_transition;
transition-duration: 500ms;
&:active, &:focus { transition: $_button_transition; }
}
&:checked { background-color: gtk("@borders");}
}
......
......@@ -54,7 +54,7 @@ entry {
padding-right: 8px;
border: 1px solid;
border-radius: $r;
transition: all 200ms $ease-out-quad;
@include entry(normal);
......
......@@ -6,7 +6,7 @@
%titlebar,
headerbar {
transition: none;
padding: 0px 6px;
border-width: 0px 0px 1px 0px;
border-radius: 3px 3px 0px 0px;
......@@ -34,7 +34,7 @@ headerbar {
}
}
button {
transition: none;
@include button(undecorated);
color: gtk("@theme_titlebar_foreground");
......
......@@ -28,9 +28,9 @@ list {
}
row {
transition: all 150ms $ease-out-quad;
&:hover { transition: none; }
&.activatable {
@if $new-highlight {
......
......@@ -37,9 +37,9 @@
background-color: gtk("@theme_unfocused_bg_color");
}
row {
transition: all 150ms $ease-out-quad;
&:hover { transition: none; }
&.activatable {
border: 0;
......@@ -189,12 +189,12 @@ placessidebar {
placesview {
.server-list-button > image {
transition: 200ms $ease-out-quad;
-gtk-icon-transform: rotate(0turn);
}
.server-list-button:checked > image {
transition: 200ms $ease-out-quad;
-gtk-icon-transform: rotate(-0.5turn);
}
......
......@@ -120,13 +120,13 @@ treeview.view {
color: gtk("@theme_button_foreground_normal");
background-color: gtkalpha(gtk("@theme_button_decoration_hover"), 0.5);
box-shadow: none;
transition: none; //I shouldn't need this
}
&:active {
@extend %column_header_button;
color: gtk("@theme_button_foreground_normal");
background-color: gtkalpha(gtk("@theme_button_decoration_hover"), 0.5);
transition: none; //I shouldn't need this
}
}
button:last-child { &:backdrop, & { border-right-style: none; }}
......@@ -142,7 +142,7 @@ treeview.view {
border-radius: 0;
box-shadow: none;
text-shadow: none;
transition: none;
}
}
}
......
......@@ -72,7 +72,7 @@ headerbar,
&:checked,
&:backdrop,
&:active:hover {
transition: none;
}
&.close {
......
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