| 提交 | 用户 | 时间 | ||
| 58d006 | 1 | .enable_compact_menu() when (@enable-compact-menu = true) { |
| A | 2 | |
| 3 | @media (min-width: @screen-hover-menu) { | |
| 4 | .sidebar.compact { | |
| 5 | &, &.navbar-collapse { | |
| 6 | width: @sidebar-compact-width; | |
| 7 | } | |
| 8 | ||
| 9 | .sidebar-shortcuts { | |
| 10 | max-height: @breadcrumb-height - 1;//40px | |
| 11 | } | |
| 12 | ||
| 13 | .nav-list > li { | |
| 14 | &:before { | |
| 15 | height: auto; | |
| 16 | bottom: -1px; | |
| 17 | } | |
| 18 | } | |
| 19 | .nav-list > li > a { | |
| 20 | height: auto; | |
| 21 | line-height: 16px; | |
| 22 | padding: 2px 0 8px; | |
| 23 | text-align: center; | |
| 24 | ||
| 25 | > .menu-icon { | |
| 26 | display: block; | |
| 27 | margin : 0; | |
| 28 | vertical-align: inherit; | |
| 29 | line-height: 32px; | |
| 30 | height: 32px; | |
| 31 | ||
| 32 | font-size: @nav-item-icon-size + 2; | |
| 33 | } | |
| 34 | > .arrow { | |
| 35 | display: none; | |
| 36 | } | |
| 37 | } | |
| 38 | ||
| 39 | ||
| 40 | .nav-list a { | |
| 41 | .badge , .label { | |
| 42 | right: 12px; | |
| 43 | } | |
| 44 | } | |
| 45 | .nav-list > li.active > .submenu , .nav-list > li.open > .submenu { | |
| 46 | display: none; | |
| 47 | } | |
| 48 | ||
| 49 | + .main-content { | |
| 50 | margin-left: @sidebar-compact-width; | |
| 51 | } | |
| 52 | } | |
| 53 | } | |
| 54 | ||
| 55 | //reset .compact styles for small screens with .navbar-collapse | |
| 56 | .enable_collapsible_responsive_compact_menu() when (@enable-collapsible-responsive-menu = true) { | |
| 57 | @media (min-width: @screen-compact-menu) and (max-width: @grid-float-breakpoint-max) { | |
| 58 | .sidebar.compact + .main-content { | |
| 59 | margin-left: 0; | |
| 60 | } | |
| 61 | .sidebar.navbar-collapse { | |
| 62 | &.compact { | |
| 63 | .nav-list > li > a { | |
| 64 | text-align: left; | |
| 65 | height: @nav-item-height; | |
| 66 | line-height: (@nav-item-height - 2); | |
| 67 | ||
| 68 | padding: 0 16px 0 7px; | |
| 69 | ||
| 70 | > .menu-icon { | |
| 71 | display: inline-block; | |
| 72 | vertical-align: sub; | |
| 73 | height: auto; | |
| 74 | line-height: inherit; | |
| 75 | margin: 0 2px 0 0; | |
| 76 | font-size: @nav-item-icon-size; | |
| 77 | } | |
| 78 | > .menu-text { | |
| 79 | display: inline; | |
| 80 | } | |
| 81 | > .arrow { | |
| 82 | display: inline; | |
| 83 | } | |
| 84 | } | |
| 85 | ||
| 86 | + .main-content { | |
| 87 | margin-left: 0; | |
| 88 | } | |
| 89 | } | |
| 90 | } | |
| 91 | }//@media | |
| 92 | } | |
| 93 | .enable_collapsible_responsive_compact_menu(); | |
| 94 | ||
| 95 | ||
| 96 | } | |
| 97 | ||
| 98 | .enable_compact_menu(); | |
