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 position_: ButtonPosition;
let style: string; let style: string;
const radius = "calc(var(--buttons-size) / 7.5)"; const radius = "5px";
$: { $: {
switch (position_) { switch (position_) {

View file

@ -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;

View file

@ -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;
} }

View file

@ -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;