GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-18 14:02: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/button-mixins" as button;
$size: var(--buttons-size);
$padding: 2px;
.linkb {
$size: var(--buttons-size);
@include button.base;
@include button.border-radius;
width: $size;
min-width: $size;
height: $size;
padding: $padding;
font-size: calc($size * 0.6);
}
position: relative;
img.topbut {
max-width: calc($size - 2 * $padding);
max-height: calc($size - 2 * $padding);
vertical-align: baseline;
.nightMode & {
filter: invert(1);
img.topbut {
$padding: 4px;
$icon-size: calc(100% - 2 * $padding);
position: absolute;
height: $icon-size;
width: $icon-size;
inset: $padding;
.nightMode & {
filter: invert(1);
}
}
}