Have a uniform border-radius for buttons and fields

This commit is contained in:
Henrik Giesel 2021-08-31 23:10:16 +02:00 committed by Damien Elmes
parent 1a79e9aac9
commit 2d342ddfe3
4 changed files with 8 additions and 8 deletions

View file

@ -20,7 +20,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
let position_: ButtonPosition;
let style: string;
const radius = "calc(var(--buttons-size) / 7.5)";
const radius = "5px";
$: {
switch (position_) {

View file

@ -51,7 +51,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
color: white;
background-color: rgba(0 0 0 / 0.3);
border-color: black;
border-radius: 0.25rem;
border-radius: 5px;
padding: 0 5px;
bottom: 3px;

View file

@ -17,7 +17,7 @@
.editor-field {
margin: 3px;
border-radius: 6px;
border-radius: 5px;
border: 1px solid var(--border);
&:focus-within {
@ -33,7 +33,7 @@
border-width: 1px 0 0;
border-style: dashed;
border-color: var(--border);
border-radius: 0 0 6px 6px;
border-radius: 0 0 5px 5px;
&:focus-within {
border-color: var(--focus-border);
@ -47,7 +47,7 @@
}
.fname {
border-radius: 6px 6px 0 0;
border-radius: 5px 5px 0 0;
padding: 0px 6px;
}
@ -90,6 +90,6 @@
.CodeMirror {
height: auto;
border-radius: 0 0 6px 6px;
border-radius: 0 0 5px 5px;
padding: 6px 0;
}

View file

@ -17,7 +17,7 @@
font-size: 14px;
-webkit-appearance: none;
border-radius: 3px;
border-radius: 5px;
padding: 5px;
border: 1px solid var(--border);
}
@ -37,7 +37,7 @@
box-shadow: 0 0 3px fusion-vars.$button-outline;
border: 1px solid fusion-vars.$button-border;
border-radius: 2px;
border-radius: 5px;
padding: 10px;
padding-top: 3px;
padding-bottom: 3px;