Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Plasma
Breeze for GTK
Commits
2333367f
Commit
2333367f
authored
Dec 21, 2020
by
Jan Blackquill
🌈
Browse files
gtk3, gtk4: remove hover animations
parent
f8f40071
Changes
14
Hide whitespace changes
Inline
Side-by-side
src/gtk3/widgets/_button.scss
View file @
2333367f
...
...
@@ -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
{
...
...
src/gtk3/widgets/_entry.scss
View file @
2333367f
...
...
@@ -55,7 +55,7 @@ entry {
padding-right
:
8px
;
border
:
1px
solid
;
border-radius
:
$r
;
transition
:
all
200ms
$ease-out-quad
;
@include
entry
(
normal
);
...
...
src/gtk3/widgets/_headerbar.scss
View file @
2333367f
...
...
@@ -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"
);
...
...
src/gtk3/widgets/_lists.scss
View file @
2333367f
...
...
@@ -30,10 +30,10 @@ list {
}
row
{
transition
:
all
150ms
$ease-out-quad
;
&
:hover
{
transition
:
none
;
}
&
.activatable
{
...
...
src/gtk3/widgets/_sidebar.scss
View file @
2333367f
...
...
@@ -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
);
}
...
...
src/gtk3/widgets/_treeview.scss
View file @
2333367f
...
...
@@ -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
;
}
}
}
...
...
src/gtk3/widgets/_window_decorations.scss
View file @
2333367f
...
...
@@ -77,7 +77,7 @@ window {
&
:checked
,
&
:backdrop
,
&
:active:hover
{
transition
:
none
;
}
image
{
...
...
src/gtk4/widgets/_button.scss
View file @
2333367f
...
...
@@ -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"
);}
}
...
...
src/gtk4/widgets/_entry.scss
View file @
2333367f
...
...
@@ -54,7 +54,7 @@ entry {
padding-right
:
8px
;
border
:
1px
solid
;
border-radius
:
$r
;
transition
:
all
200ms
$ease-out-quad
;
@include
entry
(
normal
);
...
...
src/gtk4/widgets/_headerbar.scss
View file @
2333367f
...
...
@@ -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"
);
...
...
src/gtk4/widgets/_lists.scss
View file @
2333367f
...
...
@@ -28,9 +28,9 @@ list {
}
row
{
transition
:
all
150ms
$ease-out-quad
;
&
:hover
{
transition
:
none
;
}
&
.activatable
{
@if
$new-highlight
{
...
...
src/gtk4/widgets/_sidebar.scss
View file @
2333367f
...
...
@@ -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
);
}
...
...
src/gtk4/widgets/_treeview.scss
View file @
2333367f
...
...
@@ -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
;
}
}
}
...
...
src/gtk4/widgets/_window_decorations.scss
View file @
2333367f
...
...
@@ -72,7 +72,7 @@ headerbar,
&
:checked
,
&
:backdrop
,
&
:active:hover
{
transition
:
none
;
}
&
.close
{
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment