fix icon lang selector on ios mobile device, safari
This commit is contained in:
parent
f3671cf7de
commit
b07ffd2b1f
1 changed files with 6 additions and 3 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue