Avoid rendering native select widget
This commit is contained in:
+15
-1
@@ -108,6 +108,17 @@ $state-danger-border: $brand-danger;
|
||||
color: white;
|
||||
}
|
||||
|
||||
select.form-control {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
|
||||
background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
|
||||
background-repeat: no-repeat;
|
||||
background-position-x: 100%;
|
||||
background-position-y: 5px;
|
||||
}
|
||||
|
||||
input[type="checkbox"], input[type="radio"] {
|
||||
margin-top: 2px;
|
||||
}
|
||||
@@ -1859,7 +1870,6 @@ tag-input {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ----------------------------
|
||||
// Dark mode overrides
|
||||
// ----------------------------
|
||||
@@ -1874,6 +1884,10 @@ tag-input {
|
||||
background-color: $backgroundLight;
|
||||
}
|
||||
|
||||
select.form-control {
|
||||
background-image: url("data:image/svg+xml;utf8,<svg fill='#959595' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
|
||||
}
|
||||
|
||||
.navbar-default {
|
||||
background-color: $backgroundDark;
|
||||
border-color: $backgroundDark;
|
||||
|
||||
Reference in New Issue
Block a user