From 408c37170f108adf9e4314afbaf3ea6afb2e6b38 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.org>
Date: Tue, 20 Jun 2017 14:45:00 -0400
Subject: [PATCH] refactoring: dashboard folders

---
 public/app/features/dashboard/acl/acl.html | 19 +++++++++++++++----
 public/sass/components/_dropdown.scss      | 19 +++++++++++++++++++
 public/sass/components/_navbar.scss        |  1 -
 3 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/public/app/features/dashboard/acl/acl.html b/public/app/features/dashboard/acl/acl.html
index 97018f4e2ad..b51508693ee 100644
--- a/public/app/features/dashboard/acl/acl.html
+++ b/public/app/features/dashboard/acl/acl.html
@@ -51,11 +51,22 @@
             <i class="fa fa-remove"></i>
           </button>
         </div>
-        <div class="gf-form">
-          <button class="btn btn-inverse gf-form-btn" ng-click="ctrl.addQuery()" ng-hide="ctrl.current.meta.mixed">
-            <i class="fa fa-fw fa-plus"></i>
-            Add Permission
+        <div class="gf-form dropdown">
+          <button class="btn btn-inverse gf-form-btn" data-toggle="dropdown">
+            <i class="fa fa-fw fa-plus"></i> Add Permission
           </button>
+          <ul class="dropdown-menu dropdown-menu--new">
+            <li>
+              <a class="pointer" ng-click="ctrl.addUserGroup()">
+                <i class="fa fa-fw fa-users"></i> User Group
+              </a>
+            </li>
+            <li>
+              <a class="pointer" ng-click="ctrl.addUserAcl()">
+                <i class="fa fa-fw fa-user"></i> User
+              </a>
+            </li>
+          </ul>
         </div>
       </div>
       <div class="section pull-right">
diff --git a/public/sass/components/_dropdown.scss b/public/sass/components/_dropdown.scss
index 6031c05db3f..0e832b4287a 100644
--- a/public/sass/components/_dropdown.scss
+++ b/public/sass/components/_dropdown.scss
@@ -275,3 +275,22 @@
     content: "\f11c";
   }
 }
+
+.dropdown-menu.dropdown-menu--new {
+  li a {
+    padding: $spacer/2 $spacer;
+    border-left: 2px solid $side-menu-bg;
+    background: $side-menu-bg;
+
+    i {
+      display: inline-block;
+      padding-right: 21px;
+    }
+
+    &:hover {
+      @include left-brand-border-gradient();
+      color: $link-hover-color;
+      background: $input-label-bg;
+    }
+  }
+}
diff --git a/public/sass/components/_navbar.scss b/public/sass/components/_navbar.scss
index fd336ad94bf..0f98881f506 100644
--- a/public/sass/components/_navbar.scss
+++ b/public/sass/components/_navbar.scss
@@ -149,7 +149,6 @@
 }
 
 .dropdown-menu.dropdown-menu--navbar {
-  top: 100%;
   min-width: 100%;
   margin-top: 0px;