Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Merge pull request #4870 from PaulAdamDavis/notifications-bug

Browse source 
Move bottom notifications outlet outside of <main>
This commit is contained in:
John O'Nolan 2015-02-17 21:22:12 +02:00
commit c997ff52fa
2 changed files with 3 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
core/client/assets/sass/components/notifications.scss
View file

@ -20,26 +20,14 @@
left: 0;
right: 0;
z-index: 9999;
transition: transform $settings-menu-transition cubic-bezier($settings-menu-bezier);
// This selector ends up being `body.settings-menu-expanded .notifications`
body.settings-menu-expanded & {
transform: translate3d(100%, 0px, 0px);
}
}
@media (min-width: 401px) {
position: absolute;
bottom: 0;
left: 0;
z-index: 980;
z-index: 800;
width: 300px;
transition: transform $settings-menu-transition cubic-bezier($settings-menu-bezier);
// This selector ends up being `body.settings-menu-expanded .notifications`
body.settings-menu-expanded & {
transform: translate3d(350px, 0px, 0px);
}
}
}//.notifications

3
core/client/templates/application.hbs
View file

@ -6,10 +6,11 @@
<main id="gh-main" class="viewport" role="main" {{bind-attr data-notification-count=topNotificationCount}}>
{{gh-notifications location="top" notify="topNotificationChange"}}
{{gh-notifications location="bottom"}}
{{outlet}}
</main>
{{gh-notifications location="bottom"}}
{{outlet "modal"}}
{{outlet "settings-menu"}}