GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-19 06:22:22 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Apply hover effect to main window buttons

Browse source
This commit is contained in:
Matthias Metelka 2022-11-01 14:08:06 +01:00
parent 40a069e028
commit 551ca842fe
2 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
qt/aqt/data/web/css/toolbar.scss
View file

@ -3,7 +3,7 @@
@use "root-vars"; @use "root-vars";
@use "sass/vars" as *; @use "sass/vars" as *;
@use "sass/elevation"; @use "sass/elevation" as *;
@use "sass/button-mixins" as button; @use "sass/button-mixins" as button;
#header { #header {
@ -18,9 +18,9 @@
@include button.base($with-hover: false, $with-active: false); @include button.base($with-hover: false, $with-active: false);
overflow: hidden; overflow: hidden;
padding: 0; padding: 0;
@include elevation.elevation(1, $opacity-boost: -0.08); @include elevation(1, $opacity-boost: -0.08);
&:hover { &:hover {
@include elevation.elevation(2); @include elevation(2);
transition: box-shadow 0.2s linear; transition: box-shadow 0.2s linear;
} }
} }

7
sass/buttons.scss
View file

@ -25,9 +25,14 @@
button { button {
outline: none !important; outline: none !important;
@include button.base; @include button.base;
@include elevation(1);
border-radius: var(--border-radius-large); border-radius: var(--border-radius-large);
padding: 8px 10px; padding: 8px 10px;
font-weight: 500; font-weight: 500;
margin: 0 4px; margin: 0 4px;
@include elevation(1, $opacity-boost: -0.08);
&:hover {
@include elevation(2);
transition: box-shadow 0.2s linear;
}
} }