Hide notification button on mobile for now

resources/assets/styles/content.less

@@ -577,7 +577,7 @@ html {
   z-index: 1000;
   background: #fff;
   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);
 
   &.active {

resources/assets/styles/mobile.less

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

resources/views/shared/_app_layout.blade.php

@@ -75,7 +75,7 @@
     </header>
 
     <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="/">
               <img src="/images/ponyfm-logo-white.svg" class="logo">
             </a>