obj/Release/Package/PackageTmp/assets/css/less/sidebar/compact.less

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

.enable_compact_menu() when (@enable-compact-menu = true) {

@media (min-width: @screen-hover-menu) {
 .sidebar.compact {
	&, &.navbar-collapse {
		width: @sidebar-compact-width;
	}

	.sidebar-shortcuts {
		max-height: @breadcrumb-height - 1;//40px
	}
	
	.nav-list > li {
		&:before {
			height: auto;
			bottom: -1px;
		}
	}
	.nav-list > li > a {
		height: auto;
		line-height: 16px;
		padding: 2px 0 8px;
		text-align: center;
		
		> .menu-icon {
			display: block;
			margin : 0;
			vertical-align: inherit;
			line-height: 32px;
			height: 32px;
			
			font-size: @nav-item-icon-size + 2;
		}
		> .arrow {
			display: none;
		}
	}
	

	.nav-list a {
		.badge , .label {
			right: 12px;
		}
	}
	.nav-list > li.active > .submenu , .nav-list > li.open > .submenu {
		display: none;
	}

	+ .main-content {
		margin-left: @sidebar-compact-width;
	}
 }
}

 //reset .compact styles for small screens with .navbar-collapse
 .enable_collapsible_responsive_compact_menu() when (@enable-collapsible-responsive-menu = true) {
  @media (min-width: @screen-compact-menu) and (max-width: @grid-float-breakpoint-max) {
	.sidebar.compact + .main-content {
		margin-left: 0;
	}