MDL-76945 theme: fix the rendering of arrows on dropdown variants

This commit is contained in:
Julien Boulen 2023-01-31 15:17:15 +01:00
parent 880462a168
commit 07193bcb00
3 changed files with 65 additions and 0 deletions

View File

@ -2958,6 +2958,27 @@ body.dragging {
font-size: 9px;
width: 9px;
border: 0;
}
.dropleft .dropdown-toggle::before {
border: 0;
content: $fa-var-chevron-left;
@include fa-icon();
font-size: 9px;
margin-left: 0;
margin-right: 4px;
width: 9px;
}
.dropright .dropdown-toggle::after {
border: 0;
content: $fa-var-chevron-right;
}
.dropup .dropdown-toggle::after {
border: 0;
content: $fa-var-chevron-up;
}
.select-menu {

View File

@ -12270,6 +12270,28 @@ body.dragging .dragging {
width: 9px;
border: 0; }
.dropleft .dropdown-toggle::before {
border: 0;
content: "";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 9px;
margin-left: 0;
margin-right: 4px;
width: 9px; }
.dropright .dropdown-toggle::after {
border: 0;
content: ""; }
.dropup .dropdown-toggle::after {
border: 0;
content: ""; }
.select-menu li:first-child ul[role="group"] {
padding: 0; }

View File

@ -12270,6 +12270,28 @@ body.dragging .dragging {
width: 9px;
border: 0; }
.dropleft .dropdown-toggle::before {
border: 0;
content: "";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 9px;
margin-left: 0;
margin-right: 4px;
width: 9px; }
.dropright .dropdown-toggle::after {
border: 0;
content: ""; }
.dropup .dropdown-toggle::after {
border: 0;
content: ""; }
.select-menu li:first-child ul[role="group"] {
padding: 0; }