diff options
| author | stephanchrst <stephanchrst@gmail.com> | 2022-05-10 17:14:58 +0700 |
|---|---|---|
| committer | stephanchrst <stephanchrst@gmail.com> | 2022-05-10 17:14:58 +0700 |
| commit | 1ca3b3df3421961caec3b747a364071c80f5c7da (patch) | |
| tree | 6778a1f0f3f9b4c6e26d6d87ccde16e24da6c9d6 /muk_web_theme/static/src/scss/appsbar.scss | |
| parent | b57188be371d36d96caac4b8d65a40745c0e972c (diff) | |
initial commit
Diffstat (limited to 'muk_web_theme/static/src/scss/appsbar.scss')
| -rw-r--r-- | muk_web_theme/static/src/scss/appsbar.scss | 179 |
1 files changed, 179 insertions, 0 deletions
diff --git a/muk_web_theme/static/src/scss/appsbar.scss b/muk_web_theme/static/src/scss/appsbar.scss new file mode 100644 index 0000000..61194c8 --- /dev/null +++ b/muk_web_theme/static/src/scss/appsbar.scss @@ -0,0 +1,179 @@ +/**********************************************************************************
+*
+* Copyright (c) 2017-today MuK IT GmbH.
+*
+* This file is part of MuK Grid Snippets
+* (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;
+ }
+}
|