Blame view

WebRoot/static/ace/css/less/sidebar/responsive-2.less 1.4 KB
ad5081d3   孙向锦   初始化项目
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
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();