theme: fix alignment of menu select boxes #178

This commit is contained in:
Sören Weber 2022-02-13 10:58:00 +01:00
parent b1bb8e2290
commit 0c261fb314
No known key found for this signature in database
GPG key ID: 07D17FF580AE7589
2 changed files with 13 additions and 5 deletions

View file

@ -68,6 +68,7 @@
<li> <li>
<a class="padding select-container"> <a class="padding select-container">
<i class="fas fa-language fa-fw"></i> <i class="fas fa-language fa-fw"></i>
<span>&nbsp;</span>
<div class="select-style"> <div class="select-style">
<select id="select-language" onchange="location = baseUri + this.value;"> <select id="select-language" onchange="location = baseUri + this.value;">
{{- $siteLanguages := .Site.Languages }} {{- $siteLanguages := .Site.Languages }}
@ -93,6 +94,7 @@
<li> <li>
<a class="padding select-container"> <a class="padding select-container">
<i class="fas fa-paint-brush fa-fw"></i> <i class="fas fa-paint-brush fa-fw"></i>
<span>&nbsp;</span>
<div class="select-style"> <div class="select-style">
<select id="select-theme" onchange="changeTheme( this.value );"> <select id="select-theme" onchange="changeTheme( this.value );">
{{- $firsttheme := true }} {{- $firsttheme := true }}

View file

@ -1384,17 +1384,23 @@ h6 a {
} }
.select-container { .select-container {
height: 1.5rem; }
.select-container i {
padding-top: .25em;
}
.select-container i,
.select-container span {
display: block;
float: left;
} }
.select-style { .select-style {
border: 0; border: 0;
border-radius: 0px; border-radius: 0px;
height: 1.5rem; height: 1.574em;
margin-left: 1.5rem;
position: relative;
overflow: hidden; overflow: hidden;
top: -1.5rem;
} }
.select-style select { .select-style select {