Plume/Plume
8
17
Fork 23
Code Issues 176 Pull requests 8 Releases 8 Wiki Activity

GitHub 838: Fix menu animation not opening on iOS #876

Manually merged
KitaitiMakoto merged 8 commits from ios_nav_menu_animation_fixed-4 into main 2021-01-11 17:53:31 +00:00
Conversation 0 Commits 8 Files changed 1 +19 -4
1 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit b059fb48fc - Show all commits

23
assets/themes/default/_header.scss
View file

@ -19,7 +19,7 @@ body > header {
a {
transform: skewX(15deg);
display: flex;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
@ -204,8 +204,10 @@ body > header {
display: block;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
transform: translateZ(0);
transform: translate(-50%, 0);
transform: translateZ(0);
-webkit-transform: none !important;
opacity: 0;
font-size: 0.9em;
white-space: nowrap;
@ -217,7 +219,8 @@ body > header {
i { margin-bottom: 0.75em; }
.mobile-label {
opacity: 1;
transform: translate(-50%, 80%);
transform: translate(-50%, 80%);
-webkit-transform: translate(-50%) 80%);
}
}
}
@ -237,6 +240,18 @@ body > header {
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 {
flex-direction: column;