consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use a Font Awesome icon in locale switcher

Browse Source 
We've deprecated the "icons" font since we started using Font Awesome
two years ago.
This commit is contained in:
Javi Martín
2021-06-28 16:33:06 +02:00
parent 0750166d77
commit 229fe8086a
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/stylesheets/layout/locale_switcher.scss
View File

@@ -1,18 +1,20 @@
.locale { .locale {
@include has-fa-icon(angle-down, solid, after);
float: left; float: left;
height: $line-height * 1.5; margin-bottom: $line-height / 4;
margin-left: $line-height / 2; margin-left: $line-height / 2;
margin-top: $line-height / 4;
position: relative; position: relative;
&::after { &::after {
color: #808080; color: #808080;
content: "\61";
font-family: "icons" !important;
font-size: $small-font-size; font-size: $small-font-size;
margin-right: 0;
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
right: 2px; right: 2px;
top: 9px; top: 50%;
transform: translateY(-50%);
} }
.locale-form { .locale-form {
@@ -33,7 +35,6 @@
font-size: $small-font-size; font-size: $small-font-size;
height: $line-height; height: $line-height;
margin-bottom: 0; margin-bottom: 0;
margin-top: $line-height / 4;
outline: none; outline: none;
padding-left: $line-height / 4; padding-left: $line-height / 4;
padding-right: calc(#{$line-height / 4} + 1em); padding-right: calc(#{$line-height / 4} + 1em);