From 94b09e94661910837a1fa1abbbe42d3f4eb120a3 Mon Sep 17 00:00:00 2001 From: davidtrussler Date: Mon, 30 Sep 2024 16:17:33 +0100 Subject: [PATCH] Add over-ride for select2 styles on low resolution devices --- .../stylesheets/bootstrap_and_overrides.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/app/assets/stylesheets/bootstrap_and_overrides.scss b/app/assets/stylesheets/bootstrap_and_overrides.scss index 142b671fe..ab5e93b37 100644 --- a/app/assets/stylesheets/bootstrap_and_overrides.scss +++ b/app/assets/stylesheets/bootstrap_and_overrides.scss @@ -178,3 +178,18 @@ html[dir=rtl] { .select2-search-choice-close { background: url("select2.png") right top no-repeat } + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) { + .select2-search input, + .select2-search-choice-close, + .select2-container .select2-choice abbr, + .select2-container .select2-choice .select2-arrow b { + background-image: url("select2x2.png") !important; + background-repeat: no-repeat !important; + background-size: 60px 40px !important + } + + .select2-search input { + background-position: 100% -21px !important + } +}