123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- @media (min-width: @app-aside-dock-media) {
- .app-aside-dock{
- .app-content,
- .app-footer{
- margin-left: 0;
- }
- .app-aside-footer ~ div{
- padding-bottom: 0;
- }
- &.app-aside-fixed{
- &.app-header-fixed{
- padding-top: 115px;
- }
- .app-aside{
- position: fixed;
- top: 50px;
- width: 100%;
- z-index: 1000;
- }
- }
- .app-aside,
- .aside-wrap,
- .navi-wrap{
- float: none;
- width: 100% !important;
- position: relative;
- top: 0;
- overflow: visible !important;
- }
- .app-aside{
- bottom: auto !important;
- &.b-r{
- border-right-width: 0;
- border-bottom:1px solid @border-color;
- }
- &:before {
- display: none;
- }
- nav > .nav{
- float: left;
- }
- .hidden-folded,
- .line,
- .navi-wrap > div{
- display: none !important;
- }
- .navi > ul > li{
- position: relative;
- float: left;
- display: inline-block;
- > a{
- padding: 10px 15px 12px 15px;
- text-align: center;
- height: auto;
- > .badge,
- > .label{
- position: absolute;
- top: 5px;
- right: 8px;
- padding: 1px 4px;
- }
- > i{
- margin-left: auto;
- margin-right: auto;
- margin-bottom: -7px;
- margin-top: -10px;
- display: block;
- float: none;
- font-size: 14px;
- line-height: 40px;
- width: 40px;
- }
- > span.pull-right{
- position: absolute;
- bottom: 2px;
- left: 50%;
- margin-left: -6px;
- display: block !important;
- line-height: 1;
- i {
- &.text{
- .rotate(90deg);
- line-height: 14px;
- }
- line-height: 12px;
- width: 12px;
- font-size: 12px;
- }
- }
- > span{
- font-weight: normal;
- display: block;
- }
- }
- .nav-sub{
- height: auto !important;
- display: none;
- position: absolute;
- left: 0;
- top: auto !important;
- z-index: 1050;
- width: @app-aside-width;
- .box-shadow(0 2px 6px rgba(0,0,0,0.1));
- }
- .nav-sub-header{
- display: none !important;
- }
- }
- .navi li li a{
- padding-left: 15px;
- }
- .navi li:hover,
- .navi li:focus,
- .navi li:active{
- .nav-sub{
- display: block;
- opacity: 1;
- margin-left: 0;
- height: auto !important;
- overflow: auto;
- }
- }
- }
- }
- }
|