Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Merge pull request #4544 from PaulAdamDavis/notification-over-nav

Browse source 
Allow notifications to sit over the nav bar
This commit is contained in:
John O'Nolan 2014-12-03 15:06:16 +01:00
commit fd4dee1885
2 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
ghost/admin/assets/sass/layouts/default.scss
View file

@ -38,7 +38,6 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
overflow: hidden; overflow: hidden;
z-index: 500; // Above the .global-nav when collapsed
transition: transform $settings-menu-transition cubic-bezier($settings-menu-bezier); transition: transform $settings-menu-transition cubic-bezier($settings-menu-bezier);
@media (max-width: 900px) { @media (max-width: 900px) {
@ -97,6 +96,16 @@
} }
} }
// A <span> that wraps the main {{outlet}} which created a new z-index stack, separate to the nav
.viewport-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 500; // Above the .global-nav when collapsed
}
// //
// The header bar // The header bar

2
ghost/admin/templates/application.hbs
View file

@ -7,7 +7,9 @@
<main id="gh-main" class="viewport" role="main" {{bind-attr data-notification-count=topNotificationCount}}> <main id="gh-main" class="viewport" role="main" {{bind-attr data-notification-count=topNotificationCount}}>
{{gh-notifications location="top" notify="topNotificationChange"}} {{gh-notifications location="top" notify="topNotificationChange"}}
{{gh-notifications location="bottom"}} {{gh-notifications location="bottom"}}
<span class="viewport-content">
{{outlet}} {{outlet}}
</span>
</main> </main>
{{outlet modal}} {{outlet modal}}