Corrected navigation z-index bug

Closes https://github.com/TryGhost/Casper/issues/345
This commit is contained in:
John O'Nolan 2017-08-08 16:14:06 +01:00
parent 33005666ca
commit fd108b1b40
3 changed files with 6 additions and 9 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -81,12 +81,12 @@ body {
.home-template .post-feed, .home-template .post-feed,
.tag-template .post-feed, .tag-template .post-feed,
.author-template .post-feed { .author-template .post-feed {
margin-top: -110px; margin-top: -70px;
padding-top: 0;
} }
.home-template .site-nav { .home-template .site-nav {
position: relative; position: relative;
top: -70px; top: -70px;
z-index: 300;
} }
} }
@ -134,8 +134,6 @@ body {
} }
.site-header-content { .site-header-content {
position: relative;
z-index: 300;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -181,7 +179,7 @@ body {
.site-nav { .site-nav {
position: relative; position: relative;
z-index: 100; z-index: 300;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-start; align-items: flex-start;
@ -361,7 +359,6 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
.post-feed { .post-feed {
position: relative; position: relative;
z-index: 200;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin: 0 -20px; margin: 0 -20px;
@ -893,11 +890,11 @@ Super neat trick courtesy of @JoelDrapper
display: inline-block; display: inline-block;
width: auto; width: auto;
max-width: 100%; max-width: 100%;
vertical-align: top;
overflow-x: auto; overflow-x: auto;
margin: 0.5em 0 2.5em; margin: 0.5em 0 2.5em;
border-spacing: 0; border-spacing: 0;
border-collapse: collapse; border-collapse: collapse;
vertical-align: top;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-size: 1.6rem; font-size: 1.6rem;
white-space: nowrap; white-space: nowrap;