Add another border-radius value

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

View file

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

View file

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

View file

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