fix icon lang selector on ios mobile device, safari

This commit is contained in:
Jonas Heinrich 2020-04-30 16:02:51 +02:00
parent f3671cf7de
commit b07ffd2b1f

View file

@ -143,8 +143,8 @@ header:not(.sticky-header) .header-button-container {
.header-lang-small {
display: flex;
flex-direction: row;
order: 2;
margin-left: 2rem;
order: 1;
margin: 0 1rem;
display: none;
color: #333333;
}
@ -157,11 +157,14 @@ header:not(.sticky-header) .header-button-container {
background-position: left center;
background-size: contain;
mask: url('../img/ios-arrow-down.svg') no-repeat center / contain;
-webkit-mask-image: url('../img/ios-arrow-down.svg');
/* no-repeat center / contain; */
background-color: #333333;
}
.header-lang-small .icon.active {
mask: url('../img/ios-arrow-up.svg');
-webkit-mask-image: url('../img/ios-arrow-up.svg');
}
.header-lang-small li:not(.active) {
@ -312,7 +315,7 @@ header:not(.sticky-header) .header-button-container {
.header-search {
display: block;
order: 2;
order: 3;
}
.header-button-container {