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

Center add-on icons and allow text buttons to expand in width (#2138)

Browse source 
* Fix text buttons not expanding in width

* Adjust icon and font size of add-on buttons
This commit is contained in:
Matthias Metelka 2022-10-24 05:51:04 +02:00 committed by GitHub
parent 8b53b2210d
commit 2971eb9660
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
ts/editor/legacy.scss
View file

@ -4,24 +4,27 @@
@use "sass:color"; @use "sass:color";
@use "sass/button-mixins" as button; @use "sass/button-mixins" as button;
$size: var(--buttons-size);
$padding: 2px;
.linkb { .linkb {
$size: var(--buttons-size);
@include button.base; @include button.base;
@include button.border-radius; @include button.border-radius;
width: $size; min-width: $size;
height: $size; height: $size;
padding: $padding;
font-size: calc($size * 0.6); font-size: calc($size * 0.6);
} position: relative;
img.topbut { img.topbut {
max-width: calc($size - 2 * $padding); $padding: 4px;
max-height: calc($size - 2 * $padding); $icon-size: calc(100% - 2 * $padding);
vertical-align: baseline;
.nightMode & { position: absolute;
filter: invert(1); height: $icon-size;
width: $icon-size;
inset: $padding;
.nightMode & {
filter: invert(1);
}
} }
} }