From aa6a752e38b73eea201ea8e6a5b994a715e24aec Mon Sep 17 00:00:00 2001 From: Dan Brown Date: Tue, 27 Apr 2021 21:35:42 +0100 Subject: [PATCH] Implemented custom select controls because apple hates web developers They'd rather keep pushing their 2007 era strange form control styles even though they're horribly outdated, ugly and hard to style. The only way to override is a full nuking of the default styles, which means we have to then implement the frigging arrow icon using hacks which would then conflict with all other sensible browsers so we have to nuke their styles aswell to ensure some stupid backgroud hack is used everywhere. I bet apple don't even use their shite default control styles and nuke them also, Lets see. Yup, First thing I see on the top of their homepage is a locale select dropdown custom built from about 10 HTML elements. FML For #2709 --- resources/sass/_forms.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/resources/sass/_forms.scss b/resources/sass/_forms.scss index 11ea1cc7f..c42399de1 100644 --- a/resources/sass/_forms.scss +++ b/resources/sass/_forms.scss @@ -196,6 +196,16 @@ input[type="color"], input[type="password"], select, textarea { @extend .input-base; } +select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: url("data:image/svg+xml;utf8,"); + background-size: 12px; + background-position: calc(100% - 20px) 70%; + background-repeat: no-repeat; +} + input[type=date] { width: 190px; }