Hide notification button on mobile for now

This commit is contained in:
Josef Citrine 2016-06-02 00:09:05 +01:00
parent 87d0c5fca2
commit 69673d40e9
3 changed files with 13 additions and 6 deletions

View file

@ -577,7 +577,7 @@ html {
z-index: 1000; z-index: 1000;
background: #fff; background: #fff;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
transition: transform 0.5s ease; transition: transform 0.3s ease;
transform: translateX(0px) translateZ(0px); transform: translateX(0px) translateZ(0px);
&.active { &.active {

View file

@ -56,7 +56,6 @@
.sidebar { .sidebar {
left: -170px; left: -170px;
transition: transform 0.5s ease;
transform: translateX(0px) translateZ(0); transform: translateX(0px) translateZ(0);
perspective: 1000; perspective: 1000;
backface-visibility: hidden; backface-visibility: hidden;
@ -68,10 +67,14 @@
> a { > a {
display: none; display: none;
} }
}
.sidebar.active { &.animated {
transform: translateX(170px) translateZ(0); transition: transform 0.3s ease;
}
&.active {
transform: translateX(170px) translateZ(0);
}
} }
.user-details > .avatar { .user-details > .avatar {
@ -252,4 +255,8 @@
.notification-pullout { .notification-pullout {
display: none; display: none;
} }
.notification-menu {
display: none;
}
} }

View file

@ -75,7 +75,7 @@
</header> </header>
<div class="site-body"> <div class="site-body">
<ul class="sidebar" ng-controller="sidebar" ng-class="{'active': menuActive}"> <ul class="sidebar animated" ng-controller="sidebar" ng-class="{'active': menuActive}">
<a href="/"> <a href="/">
<img src="/images/ponyfm-logo-white.svg" class="logo"> <img src="/images/ponyfm-logo-white.svg" class="logo">
</a> </a>