aboutsummaryrefslogtreecommitdiff
path: root/ext/mixed/css/material.css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-12-29 21:52:04 -0500
committerGitHub <noreply@github.com>2020-12-29 21:52:04 -0500
commit38709e219139484d0e1d41ad6f3014d7cb60ccdb (patch)
treeb19ade75aeec0aa9d7737b39214df519edc19821 /ext/mixed/css/material.css
parent773d67e75a3d01df5ad492896e19f5029e6e35d2 (diff)
Fix various issues with some styles (#1176)
Diffstat (limited to 'ext/mixed/css/material.css')
-rw-r--r--ext/mixed/css/material.css10
1 files changed, 8 insertions, 2 deletions
diff --git a/ext/mixed/css/material.css b/ext/mixed/css/material.css
index ff4730ae..cb6997ad 100644
--- a/ext/mixed/css/material.css
+++ b/ext/mixed/css/material.css
@@ -174,8 +174,8 @@
.icon[data-icon=hamburger-menu] { --icon-image: url(/mixed/img/hamburger-menu.svg); }
.icon[data-icon=kebab-menu] { --icon-image: url(/mixed/img/kebab-menu.svg); }
.icon[data-icon=mouse] { --icon-image: url(/mixed/img/mouse.svg); }
-.icon[data-icon=material-down-arrow] { --icon-image: url(/mixed/img/material-down-arrow.svg); }
-.icon[data-icon=material-right-arrow] { --icon-image: url(/mixed/img/material-right-arrow.svg); }
+.icon[data-icon=material-down-arrow] { --icon-image: url(/mixed/img/material-down-arrow.svg); --icon-size: var(--material-arrow-dimension2) var(--material-arrow-dimension1); }
+.icon[data-icon=material-right-arrow] { --icon-image: url(/mixed/img/material-right-arrow.svg); --icon-size: var(--material-arrow-dimension1) var(--material-arrow-dimension2); }
.icon[data-icon=exclamation-point-short] { --icon-image: url(/mixed/img/exclamation-point-short.svg); }
.icon[data-icon=magnifying-glass] { --icon-image: url(/mixed/img/magnifying-glass.svg); }
.icon[data-icon=collapse] { --icon-image: url(/mixed/img/collapse.svg); }
@@ -753,6 +753,12 @@ button.input-suffix-button.input-suffix-icon-button:focus {
button.input-suffix-button.input-suffix-icon-button:active {
background-color: var(--input-background-color-darker);
}
+button.input-suffix-button.input-suffix-icon-button>.icon {
+ display: block;
+ width: 100%;
+ height: 100%;
+ background-color: var(--button-icon-color);
+}
input[type=text]:invalid+button.input-suffix-button,
input[type=number]:invalid+button.input-suffix-button,
input[type=text][data-invalid=true]+button.input-suffix-button,