aitzol/Plume
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'GitHub 838: Fix menu animation not opening on iOS' (#876) from ios_nav_menu_animation_fixed-4 into main

Browse Source 
Reviewed-on: https://git.joinplu.me/Plume/Plume/pulls/876
This commit is contained in:
KitaitiMakoto 2021-01-11 17:53:30 +00:00
commit 44a7953c20
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
assets/themes/default/_header.scss
View File

@ -115,6 +115,18 @@ body > header {
opacity: 1; opacity: 1;
} }
} }
@-webkit-keyframes menuOpening {
from {
-webkit-transform: scaleX(0);
transform-origin: left;
opacity: 0;
}
to {
-webkit-transform: scaleX(1);
transform-origin: left;
opacity: 1;
}
}
body > header { body > header {
flex-direction: column; flex-direction: column;
@ -206,6 +218,7 @@ body > header {
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
transform: translateZ(0); transform: translateZ(0);
-webkit-transform: none !important;
opacity: 0; opacity: 0;
font-size: 0.9em; font-size: 0.9em;
white-space: nowrap; white-space: nowrap;
@ -218,6 +231,7 @@ body > header {
.mobile-label { .mobile-label {
opacity: 1; opacity: 1;
transform: translate(-50%, 80%); transform: translate(-50%, 80%);
-webkit-transform: translate(-50%, 80%);
} }
} }
} }
@ -237,6 +251,18 @@ body > header {
opacity: 1; opacity: 1;
} }
} }
@-webkit-keyframes menuOpening {
from {
-webkit-transform: scaleX(0);
transform-origin: left;
opacity: 0;
}
to {
-webkit-transform: scaleX(1);
transform-origin: left;
opacity: 1;
}
}
body > header { body > header {
flex-direction: column; flex-direction: column;