CSS: Compensate select line height inconsistencies

This commit is contained in:
Florian Strohmaier 2019-07-01 17:08:02 +02:00 committed by Johannes Meyer
parent 0083a193b1
commit fa4d39f7c6
2 changed files with 12 additions and 3 deletions

View File

@ -102,12 +102,18 @@ input.search {
float: left; float: left;
li { li {
line-height: 1;
&.active { &.active {
border-bottom: 2px solid @icinga-blue;
> a, > a,
> a:hover { > a:hover {
border-bottom: 2px solid @icinga-blue; color: @icinga-blue;
color: @icinga-blue /* Compensate border-bottom: 2px */
margin-bottom: -2px;
} }
> a:hover { > a:hover {
background: none; background: none;
cursor: default; cursor: default;
@ -122,7 +128,7 @@ input.search {
> a, > a,
> span { > span {
padding: 0 0.5em 0.25em 0.5em; padding: 0.5em;
} }
> a:hover { > a:hover {
background-color: @gray-lighter; background-color: @gray-lighter;

View File

@ -164,6 +164,9 @@ form input {
form select { form select {
padding-right: 1.5625em; padding-right: 1.5625em;
/* compensate inconsistent select height calculations */
line-height: 1em;
height: 2.25em;
} }
/* Remove native dropdown arrow in IE10+ */ /* Remove native dropdown arrow in IE10+ */