From dbbd75d9839eaf166bd9e29ada2d005970d77a8c Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Mon, 15 May 2017 08:57:02 +0300
Subject: [PATCH] top right menu animation

---
 react/src/components/dashboard/navbar.js |  9 +++------
 react/src/styles/index.scss              | 16 ++++++++++++++++
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/react/src/components/dashboard/navbar.js b/react/src/components/dashboard/navbar.js
index 9ef399f..736031c 100644
--- a/react/src/components/dashboard/navbar.js
+++ b/react/src/components/dashboard/navbar.js
@@ -42,13 +42,11 @@ class Navbar extends React.Component {
     return (
       <nav className="site-navbar navbar navbar-default navbar-fixed-top navbar-mega" role="navigation">
         <div className="navbar-header">
-          <button type="button" className="navbar-toggle hamburger hamburger-close navbar-toggle-left hided"
-          data-toggle="menubar">
+          <button type="button" className="navbar-toggle hamburger hamburger-close navbar-toggle-left hided">
             <span className="sr-only">{translate('INDEX.TOGGLE_NAV')}</span>
             <span className="hamburger-bar"></span>
           </button>
-          <button type="button" className="navbar-toggle collapsed" data-target="#site-navbar-collapse"
-          data-toggle="collapse">
+          <button type="button" className="navbar-toggle collapsed">
             <i className="icon md-more" aria-hidden="true"></i>
           </button>
           <div className="navbar-brand navbar-brand-center site-gridmenu-toggle" data-toggle="gridmenu">
@@ -56,8 +54,7 @@ class Navbar extends React.Component {
             <img className="navbar-brand-logo hidden-md hidden-sm hidden-lg" src="assets/images/easydex-logo-dashboard-white.png" title="SuperNET Igauana white" />
             <span className="navbar-brand-text hidden-xs"></span>
           </div>
-          <button type="button" className="navbar-toggle collapsed" data-target="#site-navbar-search"
-          data-toggle="collapse">
+          <button type="button" className="navbar-toggle collapsed">
             <span className="sr-only">{translate('INDEX.TOGGLE_SEARCH')}</span>
             <i className="icon md-search" aria-hidden="true"></i>
           </button>
diff --git a/react/src/styles/index.scss b/react/src/styles/index.scss
index 608d56f..181cb91 100644
--- a/react/src/styles/index.scss
+++ b/react/src/styles/index.scss
@@ -276,6 +276,22 @@ body {
   text-align: center;
 }
 
+.navbar {
+  &.navbar-fixed-top {
+    .dropdown {
+      &.open {
+        .dropdown-menu {
+          right: 0;
+        }
+      }
+      .dropdown-menu {
+        display: block;
+        right: -165px;
+      }
+    }
+  }
+}
+
 /*.toaster .single-toast:nth-child(0) {
   bottom: 12px;
 }