GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-11-08 05:37:12 -05:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Add hover and active effects

Browse source
This commit is contained in:
Henrik Giesel 2021-03-29 23:02:20 +02:00
parent b26c4294ec
commit a12e39a15f
2 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ts/editor-toolbar/ColorPicker.svelte
View file

@ -8,8 +8,8 @@
<style lang="scss"> <style lang="scss">
button { button {
display: inline-block; display: inline-block;
width: 28px; width: 30px;
height: 28px; height: 30px;
vertical-align: -webkit-baseline-middle; vertical-align: -webkit-baseline-middle;
padding: 0; padding: 0;

15
ts/editor-toolbar/IconButtonInner.svelte
View file

@ -7,8 +7,8 @@
<style lang="scss"> <style lang="scss">
button { button {
display: inline-block; display: inline-block;
width: 28px; width: 30px;
height: 28px; height: 30px;
vertical-align: -webkit-baseline-middle; vertical-align: -webkit-baseline-middle;
padding: 2px; padding: 2px;
@ -19,14 +19,13 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
&:hover {
background-color: #eee;
} }
.active { &:active, &.active {
border-bottom: 3px solid black; box-shadow: inset 0 0 10px 3px rgb(0 0 0 / 30%);
border-radius: 3px;
:global(.nightMode) & {
border-bottom-color: white;
} }
} }
</style> </style>