提交 | 用户 | 时间
|
58d006
|
1 |
//sidebar is automatically minimized in smaller views |
A |
2 |
|
|
3 |
.enable_minimized_responsive_menu() when(@enable-minimized-responsive-menu = true) { |
|
4 |
|
|
5 |
.sidebar-toggle.sidebar-expand { |
|
6 |
display: none; |
|
7 |
} |
|
8 |
@media (max-width: @grid-float-breakpoint-max) { |
|
9 |
.menu-toggler.invisible { |
|
10 |
position: fixed; |
|
11 |
z-index: -999; |
|
12 |
visibility: hidden; |
|
13 |
opacity: 0; |
|
14 |
width: 1px; |
|
15 |
height: 1px; |
|
16 |
} |
|
17 |
|
|
18 |
.sidebar.responsive-min { |
|
19 |
.menu_min(); |
|
20 |
|
|
21 |
&:before { |
|
22 |
display: block; |
|
23 |
} |
|
24 |
.sidebar-toggle.sidebar-collapse { |
|
25 |
display: none; |
|
26 |
} |
|
27 |
.sidebar-toggle.sidebar-expand { |
|
28 |
display: block; |
|
29 |
} |
|
30 |
|
|
31 |
+ .main-content { |
|
32 |
margin-left: @sidebar-min-width !important; |
|
33 |
.rtl & { |
|
34 |
margin-left: auto !important; |
|
35 |
margin-right: @sidebar-min-width !important; |
|
36 |
} |
|
37 |
.breadcrumb { |
|
38 |
margin-left: @breadcrumb-margin-left; |
|
39 |
} |
|
40 |
} |
|
41 |
} |
|
42 |
|
|
43 |
.sidebar.responsive-max { |
|
44 |
display: block; |
|
45 |
position: relative; |
|
46 |
left: @sidebar-width; |
|
47 |
margin-left: -(@sidebar-width); |
|
48 |
|
|
49 |
z-index: @zindex-sidebar-fixed; |
|
50 |
|
|
51 |
.box-shadow(~"2px 1px 2px 0 rgba(0,0,0,0.15)"); |
|
52 |
|
|
53 |
&:before { |
|
54 |
display: none; |
|
55 |
} |
|
56 |
|
|
57 |
.sidebar-toggle { |
|
58 |
&.sidebar-collapse { |
|
59 |
display: none; |
|
60 |
} |
|
61 |
&.sidebar-expand { |
|
62 |
display: block; |
|
63 |
z-index: 1;//to go above ul:before, etc when scrolled |
|
64 |
} |
|
65 |
} |
|
66 |
|
|
67 |
+ .main-content { |
|
68 |
margin-left: (@sidebar-min-width) !important; |
|
69 |
.breadcrumb { |
|
70 |
margin-left: @breadcrumb-margin-left; |
|
71 |
} |
|
72 |
} |
|
73 |
} |
|
74 |
|
|
75 |
} |
|
76 |
|
|
77 |
|
|
78 |
} |
|
79 |
.enable_minimized_responsive_menu(); |