manyi/static/angular-mod/css/less/app.nav.dock.less

@media (min-width: @app-aside-dock-media) {
	.app-aside-dock{
		.app-content,
		.app-footer{
			margin-left: 0;
		}
		.app-aside-footer ~ div{
			padding-bottom: 0;
		}
		&.app-aside-fixed{
			&.app-header-fixed{
				padding-top: 115px;
			}
			.app-aside{
				position: fixed;
				top: 50px;
				width: 100%;
				z-index: 1000;
			}
		}
		.app-aside,
		.aside-wrap,
		.navi-wrap{
			float: none;
			width: 100% !important;
			position: relative;
			top: 0;
			overflow: visible !important;
		}

		.app-aside{
			bottom: auto !important;
			&.b-r{
				border-right-width: 0;
				border-bottom:1px solid @border-color;
			}
			&:before {
				display: none;
			}
			nav > .nav{
				float: left;
			}			
			.hidden-folded,
			.line,
			.navi-wrap > div{
				display: none !important;
			}
			.navi > ul > li{
				position: relative;
				float: left;
				display: inline-block;
				> a{
					padding: 10px 15px 12px 15px;
					text-align: center;
					height: auto;
					> .badge,
					> .label{
						position: absolute;
						top: 5px;
						right: 8px;
						padding: 1px 4px;
					}
					> i{
						margin-left: auto;
						margin-right: auto;
						margin-bottom: -7px;
						margin-top: -10px;
						display: block;
						float: none;
						font-size: 14px;
						line-height: 40px;
						width: 40px;
					}
					> span.pull-right{						
						position: absolute;
						bottom: 2px;
						left: 50%;
						margin-left: -6px;
						display: block !important;
						line-height: 1;
						i {
							&.text{
								.rotate(90deg);
								line-height: 14px;
							}
							line-height: 12px;
							width: 12px;
							font-size: 12px;
						}
					}
					> span{
						font-weight: normal;
						display: block;
					}
				}
				.nav-sub{
					height: auto !important;
					display: none;
					position: absolute;
					left: 0;
					top: auto !important;
					z-index: 1050;
					width: @app-aside-width;
					.box-shadow(0 2px 6px rgba(0,0,0,0.1));
				}
				.nav-sub-header{
					display: none !important;
				}	
			}
			.navi li li a{
				padding-left: 15px;
			}
			.navi li:hover,
		  .navi li:focus,
		  .navi li:active{
		  	.nav-sub{
			  	display: block;
			  	opacity: 1;
					margin-left: 0;
					height: auto !important;
					overflow: auto;
				}
		  }
		}
	}
}