diff --git a/public/assets/css/base.css b/public/assets/css/base.css index c96db9dda5..16f442bdbe 100644 --- a/public/assets/css/base.css +++ b/public/assets/css/base.css @@ -351,6 +351,9 @@ summary:focus { .section-form { padding: var(--unit-size); } +.form-group { + margin-bottom: var(--unit-size); +} .help-text { font-style: italic; @@ -387,34 +390,24 @@ label { font-weight: bold; } -button { - font-size: var(--small-size) !important; - font-family: var(--main-font) !important; - font-weight: bold !important; - background-image: linear-gradient(180deg, var(--bg2), transparent) !important; - color: var(--white) !important; - - border: solid 2px var(--bg2) !important; - border-radius: var(--unit-size); -} - +select, +button, textarea, -input[type=text], -input[type=password], -input[type=email] { +input { font-size: inherit !important; display: block; position: relative; color: var(--white); - padding: 5px 10px 5px 10px; + padding: 5px 10px; border: 2px solid var(--bg2); border-radius: var(--unit-size); background-color: var(--translucent); } -textarea:hover, -textarea:focus { - border-color: var(--bg3) !important; +button { + font-weight: bold !important; + background-image: linear-gradient(180deg, var(--bg2), transparent) !important; + color: var(--white) !important; } input[type=radio] { @@ -422,11 +415,6 @@ input[type=radio] { background-color: var(--bg1) !important; } -input:hover, -input:focus { - border-color: var(--bg3) !important; -} - input[type=radio]:checked { background-color: var(--white) !important; } @@ -442,11 +430,6 @@ input[type=checkbox] { mask-image: url("../icons/check-off.svg") !important; } -input[type=checkbox]:hover, -input[type=checkbox]:focus { - background-color: var(--bg3) !important; -} - input[type=checkbox]:checked { background-color: var(--bg3) !important; -webkit-mask-image: url("../icons/check-on.svg") !important; @@ -455,14 +438,19 @@ input[type=checkbox]:checked { mask-image: url("../icons/check-on.svg") !important; } +textarea:hover, +textarea:focus, button:hover, button:focus, input:hover, input:focus { - border-color: var(--bg3) !important; + border: solid 2px var(--bg3) !important; color: var(--white) !important; } - +input[type=checkbox]:hover, +input[type=checkbox]:focus { + background-color: var(--bg3) !important; +} :is(:disabled, :disabled:active)::file-selector-button, button:is(:disabled, :disabled:active), input:is([type=reset], [type=button], [type=submit]):is(:disabled, :disabled:active), @@ -479,11 +467,6 @@ input[type=file] { border-radius: var(--unit-size); } -input[type=file]:focus, -input[type=file]:hover { - border: solid 2px var(--bg3) !important; -} - /* button part of file selector */ ::file-selector-button { font-family: var(--main-font) !important; @@ -492,11 +475,16 @@ input[type=file]:hover { } select { - font-family: var(--main-font) !important; - font-size: var(--small-size); - font-weight: normal !important; - background: linear-gradient(180deg, var(--bg2), transparent) !important; - color: var(--white); + -webkit-appearance: none !important; + -moz-appearance: none !important; + + background-image: url("../images/drop.png") !important; + background-repeat: no-repeat; + background-size: 16px; + background-color: var(--bg1) !important; + background-position: center right 5px; + + color: var(--white) !important; border: 2px solid var(--bg2); border-radius: var(--unit-size); } diff --git a/public/assets/css/reset.css b/public/assets/css/reset.css index 19c9c96457..bc5a886e8d 100644 --- a/public/assets/css/reset.css +++ b/public/assets/css/reset.css @@ -138,6 +138,14 @@ input { all: unset; padding: 5px 10px; } +button, +select, +input:not([type=text]) { + cursor: pointer !important; +} +input:not([type=button], [type=color], [type=checkbox], [type=radio]) { + cursor: auto !important; +} /*noinspection CssInvalidPseudoSelector*/ *|*::-moz-button-content { @@ -146,7 +154,6 @@ input { input[type=checkbox] { all: unset; - cursor: pointer !important; display: inline-block; width: 1em; diff --git a/public/assets/icons/drop.svg b/public/assets/icons/drop.svg index 561ef0427b..7d1262813b 100644 --- a/public/assets/icons/drop.svg +++ b/public/assets/icons/drop.svg @@ -1,6 +1,5 @@ @@ -51,7 +48,7 @@ drop diff --git a/public/assets/images/menu.png b/public/assets/images/menu.png deleted file mode 100644 index 692fee32d3..0000000000 Binary files a/public/assets/images/menu.png and /dev/null differ