[DSC-2707] move select bg-image into css variable override

Andrea Barbasso · Andrea Barbasso · commit 9eaf0c5e2218 · 2026-02-04T15:11:16.000+01:00
diff --git a/src/styles/_bootstrap_variables.scss b/src/styles/_bootstrap_variables.scss
@@ -69,6 +69,8 @@ $border-radius: 0.25em;
 
 $bs-border-radius-lg: 0.3rem;
 
+$form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
+
 $badge-padding-x: 0.4em;
 $badge-padding-y: 0.25em;
 
diff --git a/src/styles/_bootstrap_variables_mapping.scss b/src/styles/_bootstrap_variables_mapping.scss
@@ -108,3 +108,7 @@
   --bs-btn-focus-box-shadow: none;
   --bs-btn-active-border-color: transparent;
 }
+
+.form-select {
+  --bs-form-select-bg-img: #{$form-select-bg-img};
+}
diff --git a/src/styles/_global-styles.scss b/src/styles/_global-styles.scss
@@ -606,11 +606,9 @@ ngb-tooltip-window {
   }
 }
 
-// Override Bootstrap form-select background image
 .form-select {
   -webkit-appearance: none !important;
   -moz-appearance: none !important;
   appearance: none !important;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") !important;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -108,3 +108,7 @@`
`108`	`108`	`--bs-btn-focus-box-shadow: none;`
`109`	`109`	`--bs-btn-active-border-color: transparent;`
`110`	`110`	`}`
	`111`	`+`
	`112`	`+.form-select {`
	`113`	`+ --bs-form-select-bg-img: #{$form-select-bg-img};`
	`114`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -606,11 +606,9 @@ ngb-tooltip-window {`
`606`	`606`	`}`
`607`	`607`	`}`
`608`	`608`
`609`		`-// Override Bootstrap form-select background image`
`610`	`609`	`.form-select {`
`611`	`610`	`-webkit-appearance: none !important;`
`612`	`611`	`-moz-appearance: none !important;`
`613`	`612`	`appearance: none !important;`
`614`		`- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") !important;`
`615`	`613`	`}`
`616`	`614`