Fix menu button overflow
References #180 - Adds `overflow-x: hidden` to `.site-wrapper` when navigation is open to prevent the menu button flowing into the navigation & covering the 'Menu' title text in Firefox.
This commit is contained in:
parent
7af816a48e
commit
0d3bafde1e
|
@ -476,6 +476,7 @@ margin on the iframe, cause it breaks stuff. */
|
|||
}
|
||||
|
||||
body.nav-opened .site-wrapper {
|
||||
overflow-x: hidden;
|
||||
-webkit-transform: translate3D(-240px, 0, 0);
|
||||
-ms-transform: translate3D(-240px, 0, 0);
|
||||
transform: translate3D(-240px, 0, 0);
|
||||
|
@ -529,7 +530,7 @@ body.nav-opened .nav-cover {
|
|||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 50;
|
||||
z-index: 5;
|
||||
width: 240px;
|
||||
opacity: 0;
|
||||
background: #111;
|
||||
|
@ -1052,8 +1053,8 @@ body:not(.post-template) .post-title {
|
|||
border: none;
|
||||
}
|
||||
|
||||
/* Stop elements, such as img wider than the post content, from
|
||||
creating horizontal scroll - slight hack due to imperfections
|
||||
/* Stop elements, such as img wider than the post content, from
|
||||
creating horizontal scroll - slight hack due to imperfections
|
||||
with browser width % calculations and rounding */
|
||||
.post-template .content {
|
||||
overflow: hidden;
|
||||
|
@ -1071,16 +1072,16 @@ body:not(.post-template) .post-title {
|
|||
display: none;
|
||||
}
|
||||
|
||||
/* Keep images centered, and allow images wider than the main
|
||||
/* Keep images centered, and allow images wider than the main
|
||||
text column to break out. */
|
||||
.post-content img {
|
||||
display: block;
|
||||
max-width: 126%;
|
||||
height: auto;
|
||||
padding: 0.6em 0;
|
||||
/* Centers an image by (1) pushing its left edge to the
|
||||
center of its container and (2) shifting the entire image
|
||||
in the opposite direction by half its own width.
|
||||
/* Centers an image by (1) pushing its left edge to the
|
||||
center of its container and (2) shifting the entire image
|
||||
in the opposite direction by half its own width.
|
||||
Works for images that are larger than their containers. */
|
||||
position: relative;
|
||||
left: 50%;
|
||||
|
|
Loading…
Reference in New Issue