mirror of
https://github.com/ankitects/anki.git
synced 2025-09-24 16:56:36 -04:00
Have a uniform border-radius for buttons and fields
This commit is contained in:
parent
1a79e9aac9
commit
2d342ddfe3
4 changed files with 8 additions and 8 deletions
|
@ -20,7 +20,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
||||||
let position_: ButtonPosition;
|
let position_: ButtonPosition;
|
||||||
let style: string;
|
let style: string;
|
||||||
|
|
||||||
const radius = "calc(var(--buttons-size) / 7.5)";
|
const radius = "5px";
|
||||||
|
|
||||||
$: {
|
$: {
|
||||||
switch (position_) {
|
switch (position_) {
|
||||||
|
|
|
@ -51,7 +51,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
||||||
color: white;
|
color: white;
|
||||||
background-color: rgba(0 0 0 / 0.3);
|
background-color: rgba(0 0 0 / 0.3);
|
||||||
border-color: black;
|
border-color: black;
|
||||||
border-radius: 0.25rem;
|
border-radius: 5px;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
|
|
||||||
bottom: 3px;
|
bottom: 3px;
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
|
|
||||||
.editor-field {
|
.editor-field {
|
||||||
margin: 3px;
|
margin: 3px;
|
||||||
border-radius: 6px;
|
border-radius: 5px;
|
||||||
border: 1px solid var(--border);
|
border: 1px solid var(--border);
|
||||||
|
|
||||||
&:focus-within {
|
&:focus-within {
|
||||||
|
@ -33,7 +33,7 @@
|
||||||
border-width: 1px 0 0;
|
border-width: 1px 0 0;
|
||||||
border-style: dashed;
|
border-style: dashed;
|
||||||
border-color: var(--border);
|
border-color: var(--border);
|
||||||
border-radius: 0 0 6px 6px;
|
border-radius: 0 0 5px 5px;
|
||||||
|
|
||||||
&:focus-within {
|
&:focus-within {
|
||||||
border-color: var(--focus-border);
|
border-color: var(--focus-border);
|
||||||
|
@ -47,7 +47,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.fname {
|
.fname {
|
||||||
border-radius: 6px 6px 0 0;
|
border-radius: 5px 5px 0 0;
|
||||||
padding: 0px 6px;
|
padding: 0px 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -90,6 +90,6 @@
|
||||||
|
|
||||||
.CodeMirror {
|
.CodeMirror {
|
||||||
height: auto;
|
height: auto;
|
||||||
border-radius: 0 0 6px 6px;
|
border-radius: 0 0 5px 5px;
|
||||||
padding: 6px 0;
|
padding: 6px 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
border-radius: 3px;
|
border-radius: 5px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border: 1px solid var(--border);
|
border: 1px solid var(--border);
|
||||||
}
|
}
|
||||||
|
@ -37,7 +37,7 @@
|
||||||
box-shadow: 0 0 3px fusion-vars.$button-outline;
|
box-shadow: 0 0 3px fusion-vars.$button-outline;
|
||||||
border: 1px solid fusion-vars.$button-border;
|
border: 1px solid fusion-vars.$button-border;
|
||||||
|
|
||||||
border-radius: 2px;
|
border-radius: 5px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
padding-bottom: 3px;
|
padding-bottom: 3px;
|
||||||
|
|
Loading…
Reference in a new issue