Added better lang styling for dropdown

This commit is contained in:
Djamil Legato
2019-09-16 16:52:17 -07:00
parent 36070d118f
commit a4a83fc74c
6 changed files with 24 additions and 11 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1999,13 +1999,25 @@ body .bootstrap-datetimepicker-widget {
}
.langs {
.badge {
align-items: center;
background-color: darken($content-tabs-bg, 2%);
color: darken($content-tabs-text, 5%);
}
.lang:hover {
.badge {
background-color: $page-link;
color: $page-bg;
}
}
.lang-translated {
background-color: #219e0d;
.fa { color: #219e0d; }
}
.lang-non-translated {
background-color: #ff392a;
.fa { color: #ff392a; }
}
}
@@ -2032,7 +2044,7 @@ body .bootstrap-datetimepicker-widget {
color: #999;
}
a:hover .fa {
a:not(.lang):hover .fa {
color: $page-link;
}

View File

@@ -148,8 +148,6 @@
font-size: 0.6rem;
border-radius: $border-radius;
padding: 0 3px;
}
}
@@ -307,7 +305,7 @@
.fa {
display: inline-block;
width: 20px;
width: 16px;
height: inherit;
text-align: left;
}
@@ -335,7 +333,10 @@
.langs {
.lang {
display: inline-block;
font-size: 0.8rem;
.fa {
font-size: 0.6rem;
padding: 0 0.15rem;
}
}
}
}