openstack
/
horizon
Code Issues Proposed changes

Merge "Fix Material theme to work with any combination of pyScss and MDI icons"

This commit is contained in:
Zuul 2021-03-02 20:08:40 +00:00 committed by Gerrit Code Review
parent 3fe0802eaa f3bfa38341
commit c78d484321
7 changed files with 27 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
openstack_dashboard/themes/material/static/horizon/_icons.scss
View File

@ -86,6 +86,9 @@ $icon-swap: (
@each $fa-icon, $mdi-icon in $icon-swap {
.fa-#{$fa-icon} {
&:before {
content: unquote("\"\\#{map-get($mdi-icons, $mdi-icon)}\"");
}
@extend .mdi-#{$mdi-icon};
}
}

2
openstack_dashboard/themes/material/static/horizon/components/_checkboxes.scss
View File

@ -12,6 +12,7 @@
&:before {
@extend .mdi;
content: "\F131";
font-size: $font-size-h5;
}
}
@ -21,6 +22,7 @@
@extend .mdi-checkbox-marked;
&:before {
content: "\F132";
color: $brand-primary;
}
}

6
openstack_dashboard/themes/material/static/horizon/components/_context_selection.scss
View File

@ -2,4 +2,8 @@
@extend .mdi-stop;
color: $gray-light;
font-size: $font-size-small;
}
&:before {
content: "\F4DB";
}
}

4
openstack_dashboard/themes/material/static/horizon/components/_datepicker.scss
View File

@ -3,6 +3,10 @@
@extend .mdi-arrow-right;
padding-right: $padding-base-horizontal;
&:before {
content: "\F054";
}
&-text {
display: none;
}

6
openstack_dashboard/themes/material/static/horizon/components/_navbar.scss
View File

@ -2,4 +2,8 @@
@extend .mdi-stop;
color: $gray-light;
font-size: $font-size-small;
}
&:before {
content: "\F4DB";
}
}

2
openstack_dashboard/themes/material/static/horizon/components/_radiobuttons.scss
View File

@ -15,6 +15,7 @@
font-size: $font-size-h5;
line-height: $font-size-h5;
vertical-align: middle;
content: "\F43D";
}
}
@ -24,6 +25,7 @@
&:before {
color: $brand-primary;
content: "\F43E";
}
}
}

6
openstack_dashboard/themes/material/static/horizon/components/_spinners.scss
View File

@ -20,11 +20,17 @@
.hz-spinner-icon-up {
@extend .mdi-plus;
&:before {
content: "\F415";
}
}
.hz-spinner-icon-down {
@extend .mdi-minus;
padding-right: $padding-xs-horizontal;
&:before {
content: "\F374";
}
}
&-container {