onny/web-wordpress-kit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix icon lang selector on ios mobile device, safari

Browse source
This commit is contained in:
Jonas Heinrich 2020-04-30 16:02:51 +02:00
parent f3671cf7de
commit b07ffd2b1f
1 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

9
kit/css/header.css
View file

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