langfingaz/anki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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">
button {
display: inline-block;
width: 28px;
height: 28px;
width: 30px;
height: 30px;
vertical-align: -webkit-baseline-middle;
padding: 0;

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

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