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

Add another border-radius value

Browse source 
and make former large radius a bit smaller.
This commit is contained in:
Matthias Metelka 2023-01-12 19:53:28 +01:00
parent 3d8c4ead8f
commit 0e559bff8b
3 changed files with 16 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
qt/aqt/data/web/css/deckbrowser.scss
View file

@ -62,12 +62,12 @@ tr:hover:not(.top-level-drag-row) {
td { td {
background: color(border-subtle); background: color(border-subtle);
&:first-child { &:first-child {
border-top-left-radius: prop(border-radius-large); border-top-left-radius: prop(border-radius-medium);
border-bottom-left-radius: prop(border-radius-large); border-bottom-left-radius: prop(border-radius-medium);
} }
&:last-child { &:last-child {
border-top-right-radius: prop(border-radius-large); border-top-right-radius: prop(border-radius-medium);
border-bottom-right-radius: prop(border-radius-large); border-bottom-right-radius: prop(border-radius-medium);
} }
.gears { .gears {
visibility: visible; visibility: visible;
@ -82,14 +82,14 @@ tr:hover:not(.top-level-drag-row) {
&:first-child { &:first-child {
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-top-right-radius: prop(border-radius-large); border-top-right-radius: prop(border-radius-medium);
border-bottom-right-radius: prop(border-radius-large); border-bottom-right-radius: prop(border-radius-medium);
} }
&:last-child { &:last-child {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-top-left-radius: prop(border-radius-large); border-top-left-radius: prop(border-radius-medium);
border-bottom-left-radius: prop(border-radius-large); border-bottom-left-radius: prop(border-radius-medium);
} }
} }
} }

8
sass/_vars.scss
View file

@ -25,8 +25,14 @@ $vars: (
default: 5px, default: 5px,
), ),
), ),
medium: (
"Used for container corners",
(
default: 12px,
),
),
large: ( large: (
"Used for big centered buttons", "Used for pill-shaped buttons",
( (
default: 15px, default: 15px,
), ),

2
ts/deck-options/HelpModal.svelte
View file

@ -158,7 +158,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
.modal-content { .modal-content {
background-color: var(--canvas); background-color: var(--canvas);
color: var(--fg); color: var(--fg);
border-radius: var(--border-radius-large, 10px); border-radius: var(--border-radius-medium, 10px);
} }
.invert { .invert {