From 68102bdddda16994c98f2df4a0da5543e20d48f4 Mon Sep 17 00:00:00 2001 From: "byte[]" Date: Wed, 20 May 2020 12:52:50 -0400 Subject: [PATCH] copy select tag styling from header input to all select inputs --- assets/css/common/forms.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/assets/css/common/forms.scss b/assets/css/common/forms.scss index c872ede2..2d17ac9e 100644 --- a/assets/css/common/forms.scss +++ b/assets/css/common/forms.scss @@ -156,3 +156,15 @@ span.help-block { .toggle-box:checked + label + .toggle-box-container > .toggle-box-container__content { margin-top: $block_spacing; } + +select.input, select.input:focus { + -moz-appearance: none; + appearance: none; + background: linear-gradient(45deg, transparent 50%, $foreground_color 50%) calc(100% - 15px) 12px/5px 5px no-repeat,linear-gradient(135deg, $foreground_color 50%, transparent 50%) calc(100% - 10px) 12px/5px 5px no-repeat; + padding-right: 25px; +} + +select.input:hover, select.input:focus:hover { + cursor: pointer; + background-color: $input_color_active; +}