X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=sdnr%2Fwireless-transport%2Fcode-Carbon-SR1%2Fapps%2Fdlux%2Fdlux-web%2Fsrc%2Fcommon%2Fnavigation%2Fnavigation-min.less;fp=sdnr%2Fwireless-transport%2Fcode-Carbon-SR1%2Fapps%2Fdlux%2Fdlux-web%2Fsrc%2Fcommon%2Fnavigation%2Fnavigation-min.less;h=52d78e9396da9a2dff482c53762f54601d3aaaec;hb=27fb2d06608fbb070ae2c15a5580a4f5b2423d15;hp=0000000000000000000000000000000000000000;hpb=60315525ab5e7c12a9f47c409092e8dba6ad656d;p=ccsdk%2Fapps.git

diff --git a/sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/common/navigation/navigation-min.less b/sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/common/navigation/navigation-min.less
new file mode 100644
index 00000000..52d78e93
--- /dev/null
+++ b/sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/common/navigation/navigation-min.less
@@ -0,0 +1,225 @@
+.menu_min() {
+	&.sidebar {
+		width:@sidebar-min-width;
+		&:before {
+			width:@sidebar-min-width;
+		}
+		+ .main-content {
+			margin-left:(@sidebar-min-width);
+			.breadcrumbs.fixed , .breadcrumbs.breadcrumbs-fixed { left:(@sidebar-min-width); }
+		}
+	}
+	
+	.nav-list a {
+	  .badge , .label {
+		position:relative;
+		top:-1px;
+		right:auto;
+		left:4px;
+	  }
+	}
+
+	.nav-list .submenu .submenu a {
+		.badge , .label {
+		top:0;
+		}
+	}
+
+	
+	.nav-list > li {
+	  > a {
+		position:relative;
+		 > .menu-text {
+			display:none;
+			
+			position:absolute;
+			left:(@sidebar-min-width - 1);
+			top:-2px;
+			width:(@sidebar-width - 16);
+			height:40px;
+			
+			line-height:38px;
+			background-color:@menumin-bg;
+			z-index:121;
+			
+			.box-shadow(@menumin-shadow);
+			border:1px solid @menumin-border;
+			
+			padding-left:12px;
+		}
+		&.dropdown-toggle > .menu-text {
+			.box-shadow(none);
+			border:none;
+			top:-1px; left:@sidebar-min-width;
+			width:(@sidebar-width - 16);
+			border-bottom:1px solid @menumin-text-border;
+		}
+		.arrow {
+			display:none;
+		}
+		
+		&:hover:before {/* the right side border on hover */
+			width:2px;
+		}
+	  }
+
+	 &:hover > a {
+		color:@menu-focus-color;
+		> .menu-text {
+			display:block;
+	   }
+	 }
+	 &.active > a > .menu-text {
+		border-left-color:@menu-focus-color;
+	 }
+	 &.open > a  {
+		background-color:@menu-open-bg;
+		color:@menu-color;
+	 }
+	 &.open.active > a  {
+		background-color:@menu-active-bg;
+	 }
+	 &.open:hover > a {
+		color:@menu-focus-color;
+	 }
+	 &.active > a  {
+		color:@menu-active-color;
+	 }
+	 
+	 &.active > a:after  { /* the caret */
+		border-width:10px 6px;
+		top:8px;
+	 }
+	 &.active.open > a:after {
+		display:block;
+	 }
+	 &.active.open li.active > a:after {
+		display:none;
+	 }
+
+
+
+	 > .submenu {
+		background:@submenu-bg;
+		position:absolute; z-index:120;
+		left:(@sidebar-min-width - 1); top:-2px;
+
+		width:(@sidebar-width - 14);
+		border:1px solid @menumin-border;
+
+		.box-shadow(@menumin-shadow);
+
+		padding-top:40px;
+		padding-bottom:2px;
+
+		display:none !important;
+		
+		&:before {
+			 /* hide the tree like submenu in minimized mode */
+			display:none;
+		}
+			 
+		li {
+		  &:before {
+			display:none;
+		  }
+		  
+		  > a {
+			//border-left:none;
+			margin-left:0;
+			padding-left:24px;
+			> [class*="icon-"]:first-child {
+				left:4px;
+			}
+		  }
+
+		}
+	 }
+
+
+
+	 &:hover > .submenu {
+		display:block !important;
+	 }
+	 &.active > .submenu {
+		border-left-color:@menu-active-color;
+	 }
+  }
+
+
+
+  
+  
+  //sidebar shortcuts
+  .sidebar-shortcuts {
+	position:relative;
+  }
+  .sidebar-shortcuts-mini {
+	display:block;
+  }
+  
+  .sidebar-shortcuts-large {
+	display:none;
+	position:absolute;
+	z-index:20;
+	top:-1px;
+	left:@sidebar-min-width - 1;
+	
+	width:(@sidebar-width - 8);
+	
+	padding:0 2px 1px;
+	
+	background-color:@submenu-bg;
+	.box-shadow(@menumin-shadow);
+	border:1px solid @menumin-border;
+  }
+  .sidebar-shortcuts:hover .sidebar-shortcuts-large{
+	display:block;
+  }
+
+  .sidebar-collapse { /* minimized collapse button */
+	&:before {
+		left:5px; right:5px;
+	}
+	> [class*="icon-"] {
+		font-size:13px;
+		padding:0 4px;
+		line-height:15px;
+
+		border-width:1px;
+		border-color:darken(@menumin-icon-border, 5%);
+	}
+  }
+  
+
+
+
+  .nav-list > li > .submenu {
+	li > .submenu > li {
+		> a {/*3rd level*/
+			margin-left:0px;
+			padding-left:30px;
+		}
+		> .submenu > li > a {/*4th level*/
+			margin-left:0px;
+			padding-left:45px;
+		}
+	}
+
+	li.active > a:after {
+		display:none;
+	}
+ }
+ 
+ 
+ .nav-list li.active.open > .submenu > li.active > a:after {
+	display: none;
+ }
+}
+
+
+
+
+.menu-min {
+	.menu_min();
+}