MuK IT GmbH
4 years ago
2 changed files with 180 additions and 175 deletions
@ -1,174 +1,179 @@ |
|||||
/********************************************************************************** |
|
||||
* |
|
||||
* Copyright (c) 2017-2019 MuK IT GmbH. |
|
||||
* |
|
||||
* This file is part of MuK Backend Theme |
|
||||
* (see https://mukit.at). |
|
||||
* |
|
||||
* This program is free software: you can redistribute it and/or modify |
|
||||
* it under the terms of the GNU Lesser General Public License as published by |
|
||||
* the Free Software Foundation, either version 3 of the License, or |
|
||||
* (at your option) any later version. |
|
||||
* |
|
||||
* This program is distributed in the hope that it will be useful, |
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
||||
* GNU Lesser General Public License for more details. |
|
||||
* |
|
||||
* You should have received a copy of the GNU Lesser General Public License |
|
||||
* along with this program. If not, see <http://www.gnu.org/licenses/>. |
|
||||
* |
|
||||
**********************************************************************************/ |
|
||||
|
|
||||
.mk_apps_sidebar_panel { |
|
||||
height: calc(100% - #{$o-navbar-height}); |
|
||||
position: fixed; |
|
||||
overflow-y: auto; |
|
||||
top: $o-navbar-height; |
|
||||
background-color: $mk-appbar-background; |
|
||||
.mk_apps_sidebar { |
|
||||
padding: 0; |
|
||||
white-space: nowrap; |
|
||||
.mk_apps_sidebar_menu { |
|
||||
list-style: none; |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
> li { |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
border: 0px; |
|
||||
display: block; |
|
||||
> a { |
|
||||
margin: 0; |
|
||||
border: 0px; |
|
||||
display: block; |
|
||||
cursor: pointer; |
|
||||
font-size: 13px; |
|
||||
font-weight: 300; |
|
||||
overflow: hidden; |
|
||||
padding: 8px 11px; |
|
||||
position: relative; |
|
||||
text-decoration: none; |
|
||||
color: $mk-appbar-color; |
|
||||
text-overflow: ellipsis; |
|
||||
.mk_apps_sidebar_icon { |
|
||||
width: 22px; |
|
||||
height: 22px; |
|
||||
margin-right: 5px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
> li:hover > a { |
|
||||
background: $o-brand-primary; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
@include media-breakpoint-up(lg) { |
|
||||
.mk_sidebar_type_large { |
|
||||
.mk_apps_sidebar_panel { |
|
||||
width: $mk-sidebar-large-width; |
|
||||
} |
|
||||
.o_action_manager { |
|
||||
padding-left: $mk-sidebar-large-width; |
|
||||
} |
|
||||
} |
|
||||
.mk_sidebar_type_small { |
|
||||
.mk_apps_sidebar_panel { |
|
||||
width: $mk-sidebar-small-width; |
|
||||
.mk_apps_sidebar_name { |
|
||||
display: none; |
|
||||
} |
|
||||
.mk_apps_sidebar_icon { |
|
||||
margin-right: 0 !important; |
|
||||
} |
|
||||
} |
|
||||
.o_action_manager { |
|
||||
padding-left: $mk-sidebar-small-width; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.mk_sidebar_type_invisible { |
|
||||
.mk_apps_sidebar_panel { |
|
||||
display: none; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
//.sidebar_padding_invisible { |
|
||||
// margin-left: $sidebar-invisible; |
|
||||
//} |
|
||||
// |
|
||||
//.sidebar_padding_small { |
|
||||
// margin-left: $sidebar-small; |
|
||||
//} |
|
||||
// |
|
||||
//.sidebar_padding_large { |
|
||||
// margin-left: $sidebar-large; |
|
||||
//} |
|
||||
|
|
||||
} |
|
||||
|
|
||||
@include media-breakpoint-only(md) { |
|
||||
.mk_sidebar_type_large, .mk_sidebar_type_small { |
|
||||
.mk_apps_sidebar_panel { |
|
||||
width: $mk-sidebar-small-width; |
|
||||
.mk_apps_sidebar_name { |
|
||||
display: none; |
|
||||
} |
|
||||
.mk_apps_sidebar_icon { |
|
||||
margin-right: 0 !important; |
|
||||
} |
|
||||
} |
|
||||
.o_action_manager { |
|
||||
padding-left: $mk-sidebar-small-width; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.mk_sidebar_type_invisible { |
|
||||
.mk_apps_sidebar_panel { |
|
||||
display: none; |
|
||||
} |
|
||||
} |
|
||||
//.sidebar_padding_invisible { |
|
||||
// margin-left: $sidebar-invisible; |
|
||||
//} |
|
||||
// |
|
||||
//.sidebar_padding_small { |
|
||||
// margin-left: $sidebar-invisible; |
|
||||
//} |
|
||||
// |
|
||||
//.sidebar_padding_large { |
|
||||
// margin-left: $sidebar-invisible; |
|
||||
//} |
|
||||
} |
|
||||
|
|
||||
@include media-breakpoint-down(sm) { |
|
||||
.mk_apps_sidebar_panel { |
|
||||
display: none; |
|
||||
} |
|
||||
.o_action_manager { |
|
||||
padding-left: 0; |
|
||||
} |
|
||||
|
|
||||
//.sidebar_padding_invisible { |
|
||||
// margin-left: $sidebar-invisible; |
|
||||
//} |
|
||||
// |
|
||||
//.sidebar_padding_small { |
|
||||
// margin-left: $sidebar-invisible; |
|
||||
//} |
|
||||
// |
|
||||
//.sidebar_padding_large { |
|
||||
// margin-left: $sidebar-invisible; |
|
||||
//} |
|
||||
} |
|
||||
|
|
||||
.o_fullscreen { |
|
||||
.mk_apps_sidebar_panel { |
|
||||
display: none; |
|
||||
} |
|
||||
.o_action_manager { |
|
||||
padding-left: 0; |
|
||||
} |
|
||||
} |
|
||||
|
/********************************************************************************** |
||||
|
* |
||||
|
* Copyright (c) 2017-2019 MuK IT GmbH. |
||||
|
* |
||||
|
* This file is part of MuK Backend Theme |
||||
|
* (see https://mukit.at). |
||||
|
* |
||||
|
* This program is free software: you can redistribute it and/or modify |
||||
|
* it under the terms of the GNU Lesser General Public License as published by |
||||
|
* the Free Software Foundation, either version 3 of the License, or |
||||
|
* (at your option) any later version. |
||||
|
* |
||||
|
* This program is distributed in the hope that it will be useful, |
||||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
* GNU Lesser General Public License for more details. |
||||
|
* |
||||
|
* You should have received a copy of the GNU Lesser General Public License |
||||
|
* along with this program. If not, see <http://www.gnu.org/licenses/>. |
||||
|
* |
||||
|
**********************************************************************************/ |
||||
|
|
||||
|
.mk_apps_sidebar_panel { |
||||
|
height: calc(100% - #{$o-navbar-height}); |
||||
|
position: fixed; |
||||
|
overflow-y: auto; |
||||
|
top: $o-navbar-height; |
||||
|
background-color: $mk-appbar-background; |
||||
|
&::-webkit-scrollbar { |
||||
|
display: none; |
||||
|
} |
||||
|
-ms-overflow-style: none; |
||||
|
scrollbar-width: none; |
||||
|
.mk_apps_sidebar { |
||||
|
padding: 0; |
||||
|
white-space: nowrap; |
||||
|
.mk_apps_sidebar_menu { |
||||
|
list-style: none; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
> li { |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
border: 0px; |
||||
|
display: block; |
||||
|
> a { |
||||
|
margin: 0; |
||||
|
border: 0px; |
||||
|
display: block; |
||||
|
cursor: pointer; |
||||
|
font-size: 13px; |
||||
|
font-weight: 300; |
||||
|
overflow: hidden; |
||||
|
padding: 8px 11px; |
||||
|
position: relative; |
||||
|
text-decoration: none; |
||||
|
color: $mk-appbar-color; |
||||
|
text-overflow: ellipsis; |
||||
|
.mk_apps_sidebar_icon { |
||||
|
width: 22px; |
||||
|
height: 22px; |
||||
|
margin-right: 5px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
> li:hover > a { |
||||
|
background: $o-brand-primary; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@include media-breakpoint-up(lg) { |
||||
|
.mk_sidebar_type_large { |
||||
|
.mk_apps_sidebar_panel { |
||||
|
width: $mk-sidebar-large-width; |
||||
|
} |
||||
|
.o_action_manager { |
||||
|
padding-left: $mk-sidebar-large-width; |
||||
|
} |
||||
|
} |
||||
|
.mk_sidebar_type_small { |
||||
|
.mk_apps_sidebar_panel { |
||||
|
width: $mk-sidebar-small-width; |
||||
|
.mk_apps_sidebar_name { |
||||
|
display: none; |
||||
|
} |
||||
|
.mk_apps_sidebar_icon { |
||||
|
margin-right: 0 !important; |
||||
|
} |
||||
|
} |
||||
|
.o_action_manager { |
||||
|
padding-left: $mk-sidebar-small-width; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.mk_sidebar_type_invisible { |
||||
|
.mk_apps_sidebar_panel { |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//.sidebar_padding_invisible { |
||||
|
// margin-left: $sidebar-invisible; |
||||
|
//} |
||||
|
// |
||||
|
//.sidebar_padding_small { |
||||
|
// margin-left: $sidebar-small; |
||||
|
//} |
||||
|
// |
||||
|
//.sidebar_padding_large { |
||||
|
// margin-left: $sidebar-large; |
||||
|
//} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
@include media-breakpoint-only(md) { |
||||
|
.mk_sidebar_type_large, .mk_sidebar_type_small { |
||||
|
.mk_apps_sidebar_panel { |
||||
|
width: $mk-sidebar-small-width; |
||||
|
.mk_apps_sidebar_name { |
||||
|
display: none; |
||||
|
} |
||||
|
.mk_apps_sidebar_icon { |
||||
|
margin-right: 0 !important; |
||||
|
} |
||||
|
} |
||||
|
.o_action_manager { |
||||
|
padding-left: $mk-sidebar-small-width; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.mk_sidebar_type_invisible { |
||||
|
.mk_apps_sidebar_panel { |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
//.sidebar_padding_invisible { |
||||
|
// margin-left: $sidebar-invisible; |
||||
|
//} |
||||
|
// |
||||
|
//.sidebar_padding_small { |
||||
|
// margin-left: $sidebar-invisible; |
||||
|
//} |
||||
|
// |
||||
|
//.sidebar_padding_large { |
||||
|
// margin-left: $sidebar-invisible; |
||||
|
//} |
||||
|
} |
||||
|
|
||||
|
@include media-breakpoint-down(sm) { |
||||
|
.mk_apps_sidebar_panel { |
||||
|
display: none; |
||||
|
} |
||||
|
.o_action_manager { |
||||
|
padding-left: 0; |
||||
|
} |
||||
|
|
||||
|
//.sidebar_padding_invisible { |
||||
|
// margin-left: $sidebar-invisible; |
||||
|
//} |
||||
|
// |
||||
|
//.sidebar_padding_small { |
||||
|
// margin-left: $sidebar-invisible; |
||||
|
//} |
||||
|
// |
||||
|
//.sidebar_padding_large { |
||||
|
// margin-left: $sidebar-invisible; |
||||
|
//} |
||||
|
} |
||||
|
|
||||
|
.o_fullscreen { |
||||
|
.mk_apps_sidebar_panel { |
||||
|
display: none; |
||||
|
} |
||||
|
.o_action_manager { |
||||
|
padding-left: 0; |
||||
|
} |
||||
|
} |
Write
Preview
Loading…
Cancel
Save
Reference in new issue