actions
/
mdBook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix Menu bar shakes when swiping pages in Safari

This commit is contained in:
evibhm 2023-07-26 09:22:30 +08:00
parent 429ca06289
commit 9348350f09
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/theme/css/chrome.css
View File

@ -16,13 +16,15 @@ a > .hljs {
body-container is necessary because mobile browsers don't seem to like body-container is necessary because mobile browsers don't seem to like
overflow-x on the body tag when there is a <meta name="viewport"> tag. overflow-x on the body tag when there is a <meta name="viewport"> tag.
*/ */
#body-container { @media only screen and (max-width: 420px) {
/* #body-container {
This is used when the sidebar pushes the body content off the side of /*
the screen on small screens. Without it, dragging on mobile Safari This is used when the sidebar pushes the body content off the side of
will want to reposition the viewport in a weird way. the screen on small screens. Without it, dragging on mobile Safari
*/ will want to reposition the viewport in a weird way.
overflow-x: clip; */
overflow-x: clip;
}
} }
/* Menu Bar */ /* Menu Bar */
@ -269,7 +271,7 @@ pre > code {
wrapper), but that would require fixing a whole bunch of CSS rules. wrapper), but that would require fixing a whole bunch of CSS rules.
*/ */
.hljs.ace_editor { .hljs.ace_editor {
padding: 0rem 0rem; padding: 0rem 0rem;
} }
pre > .result { pre > .result {