采用ACE界面

OpenAuth.Mvc/Content/ace/css/less/sidebar/responsive-2.less

@@ -0,0 +1,79 @@
+//sidebar is automatically minimized in smaller views
+
+.enable_minimized_responsive_menu() when(@enable-minimized-responsive-menu = true) {
+
+	.sidebar-toggle.sidebar-expand {
+		display: none;
+	}
+	@media (max-width: @grid-float-breakpoint-max) {
+	 .menu-toggler.invisible {
+		position: fixed;
+		z-index: -999;
+		visibility: hidden;
+		opacity: 0;
+		width: 1px;
+		height: 1px;
+	 }
+
+	 .sidebar.responsive-min {
+		.menu_min();
+		
+		&:before {
+			display: block;
+		}
+		.sidebar-toggle.sidebar-collapse {
+			display: none;
+		}
+		.sidebar-toggle.sidebar-expand {
+			display: block;
+		}
+
+		+ .main-content {
+			margin-left: @sidebar-min-width !important;
+			.rtl & {
+				margin-left: auto !important;
+				margin-right: @sidebar-min-width !important;
+			}
+			.breadcrumb {
+				margin-left: @breadcrumb-margin-left;
+			}
+		}
+	 }
+
+	 .sidebar.responsive-max {
+		display: block;
+		position: relative;
+		left: @sidebar-width;
+		margin-left: -(@sidebar-width);
+
+		z-index: @zindex-sidebar-fixed;
+		
+		.box-shadow(~"2px 1px 2px 0 rgba(0,0,0,0.15)");
+		
+		&:before {
+			display: none;
+		}
+
+		.sidebar-toggle {
+			&.sidebar-collapse {
+				display: none;
+			}
+			&.sidebar-expand {
+				display: block;
+				z-index: 1;//to go above ul:before, etc when scrolled
+			}
+		}
+
+		+ .main-content {
+			margin-left: (@sidebar-min-width) !important;
+			.breadcrumb {
+				margin-left: @breadcrumb-margin-left;
+			}
+		}
+	 }
+
+	}
+
+
+}
+.enable_minimized_responsive_menu();