Modified sidebar menu

badalgeek · Jan 24, 2016 · a64ec89 · a64ec89
1 parent b14b717
commit a64ec89
Show file tree

Hide file tree

Showing 2 changed files with 59 additions and 3 deletions.
diff --git a/reporter-ui/app/components/header/sidebar.css b/reporter-ui/app/components/header/sidebar.css
@@ -31,13 +31,46 @@
     padding: 0;
 }
 
+.side-nav>li>a {
+    border-bottom: 2px solid #454545;
+    border-top: 2px solid #454545;
+    border-left: 4px solid transparent;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
 .side-nav>li>ul>li>a {
     display: block;
-    padding: 10px 15px 10px 38px;
+    padding: 10px 10px 10px 38px;
     text-decoration: none;
     color: #999;
 }
 
 .side-nav>li>ul>li>a:hover {
     color: #fff;
+}
+
+.side-nav>li:nth-child(1)>a {
+    border-left-color: #ec1b5a;
+}
+.side-nav>li:nth-child(2)>a {
+    border-left-color: #79aefe;
+}
+.side-nav>li:nth-child(3)>a {
+    border-left-color: #314190;
+}
+.side-nav>li:nth-child(4)>a {
+    border-left-color: #279636;
+}
+.side-nav>li:nth-child(5)>a {
+    border-left-color: #7d5d81;
+}
+.side-nav>li:nth-child(6)>a {
+    border-left-color: #ead24c;
+}
+.side-nav>li:nth-child(8)>a {
+    background-color: #2d2366;
+}
+.side-nav>li:nth-child(9)>a {
+    background-color: #35acdf;
 }
diff --git a/reporter-ui/app/components/header/sidebar.html b/reporter-ui/app/components/header/sidebar.html
@@ -1,5 +1,28 @@
 <ul class="nav navbar-nav side-nav">
-    <li class="active">
-        <a href="index.html"><i class="fa fa-fw fa-dashboard"></i> Dashboard</a>
+    <li>
+        <a class="disabled"><i class="fa fa-fw fa-dashboard"></i> Dashboard</a>
+        <ul>
+            <li class="active">
+                <a href="index.html">Summary
+                    <span class="icon-arrow-right pull-right"><i class="fa fa-chevron-right"></i></span></a>
+                <a href="index.html">Browser
+                    <span class="icon-arrow-right pull-right"><i class="fa fa-chevron-right"></i></span></a>
+                <a href="index.html">Android
+                    <span class="icon-arrow-right pull-right"><i class="fa fa-chevron-right"></i></span></a>
+                <a href="index.html">IOS
+                    <span class="icon-arrow-right pull-right"><i class="fa fa-chevron-right"></i></span></a>
+                <a href="index.html">WindownPhone
+                    <span class="icon-arrow-right pull-right"><i class="fa fa-chevron-right"></i></span></a>
+            </li>
+        </ul>
+    </li>
+    <li>
+        <a class="disabled"><i class="fa fa-fw fa-dashboard"></i> Analysis</a>
+        <ul>
+            <li class="active">
+                <a href="index.html">Event Analysis
+                    <span class="icon-arrow-right pull-right"><i class="fa fa-chevron-right"></i></span></a>
+            </li>
+        </ul>
     </li>
 </ul>