From 1ca3b3df3421961caec3b747a364071c80f5c7da Mon Sep 17 00:00:00 2001 From: stephanchrst Date: Tue, 10 May 2022 17:14:58 +0700 Subject: initial commit --- muk_web_theme/static/src/scss/apps.scss | 118 +++++++++++++++ muk_web_theme/static/src/scss/appsbar.scss | 179 +++++++++++++++++++++++ muk_web_theme/static/src/scss/colors.scss | 35 +++++ muk_web_theme/static/src/scss/control_panel.scss | 133 +++++++++++++++++ muk_web_theme/static/src/scss/fields.scss | 40 +++++ muk_web_theme/static/src/scss/fonts.scss | 60 ++++++++ muk_web_theme/static/src/scss/form_view.scss | 153 +++++++++++++++++++ muk_web_theme/static/src/scss/kanban_view.scss | 100 +++++++++++++ muk_web_theme/static/src/scss/layout.scss | 75 ++++++++++ muk_web_theme/static/src/scss/list_view.scss | 75 ++++++++++ muk_web_theme/static/src/scss/mixins.scss | 45 ++++++ muk_web_theme/static/src/scss/navbar.scss | 126 ++++++++++++++++ muk_web_theme/static/src/scss/notification.scss | 27 ++++ muk_web_theme/static/src/scss/search_view.scss | 54 +++++++ muk_web_theme/static/src/scss/settings.scss | 38 +++++ muk_web_theme/static/src/scss/variables.scss | 63 ++++++++ 16 files changed, 1321 insertions(+) create mode 100644 muk_web_theme/static/src/scss/apps.scss create mode 100644 muk_web_theme/static/src/scss/appsbar.scss create mode 100644 muk_web_theme/static/src/scss/colors.scss create mode 100644 muk_web_theme/static/src/scss/control_panel.scss create mode 100644 muk_web_theme/static/src/scss/fields.scss create mode 100644 muk_web_theme/static/src/scss/fonts.scss create mode 100644 muk_web_theme/static/src/scss/form_view.scss create mode 100644 muk_web_theme/static/src/scss/kanban_view.scss create mode 100644 muk_web_theme/static/src/scss/layout.scss create mode 100644 muk_web_theme/static/src/scss/list_view.scss create mode 100644 muk_web_theme/static/src/scss/mixins.scss create mode 100644 muk_web_theme/static/src/scss/navbar.scss create mode 100644 muk_web_theme/static/src/scss/notification.scss create mode 100644 muk_web_theme/static/src/scss/search_view.scss create mode 100644 muk_web_theme/static/src/scss/settings.scss create mode 100644 muk_web_theme/static/src/scss/variables.scss (limited to 'muk_web_theme/static/src/scss') diff --git a/muk_web_theme/static/src/scss/apps.scss b/muk_web_theme/static/src/scss/apps.scss new file mode 100644 index 0000000..6374c1c --- /dev/null +++ b/muk_web_theme/static/src/scss/apps.scss @@ -0,0 +1,118 @@ +/********************************************************************************** +* +* 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 . +* +**********************************************************************************/ + +.o_menu_apps { + .full { + width: 46px; + font-size: 18px; + text-align: center; + } + .dropdown-menu.show { + @include mk-full-screen-sections(); + align-content: flex-start; + overflow: inital; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-start; + @include media-breakpoint-up(lg) { + padding: { + left: 20vw; + right: 20vw; + } + } + .o_app { + display: flex; + margin-top: 20px; + align-items: center; + flex-direction: column; + justify-content: flex-start; + width: percentage(1/3); + @include media-breakpoint-up(sm) { + width: percentage(1/4); + } + @include media-breakpoint-up(md) { + width: percentage(1/6); + } + &:hover, &:focus, &:active, &.active { + background: none; + .o-app-icon { + box-shadow: 0 8px 15px -10px black; + transform: translateY(-1px); + } + } + } + .has-results ~ .o_app { + display: none; + } + .o-app-icon { + height: auto; + max-width: 7rem; + width: 100%; + flex-basis: 0; + } + .o-app-name { + color: $mk-apps-color; + } + .form-row { + width: 100%; + } + .mk_search_container { + margin-top: 25px; + .mk_search_input { + input:focus { + box-shadow: none; + border: 1px solid $gray-400; + } + } + &.has-results { + height: 100%; + .mk_search_input { + height: 3em; + } + .mk_search_results { + height: calc(100% - 3em); + .mk_menu_search_result { + display: block; + cursor: pointer; + align-items: center; + padding-left: 3rem; + padding-right: 1rem; + background-position: left; + background-repeat: no-repeat; + background-size: contain; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: $mk-apps-color; + &:hover, &:active, &.active { + background-color: rgba(255, 255, 255, 0.05); + } + } + } + } + @include media-breakpoint-down(md) { + padding-right: 5px; + } + } + } +} \ No newline at end of file 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 . +* +**********************************************************************************/ + +.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; + } +} diff --git a/muk_web_theme/static/src/scss/colors.scss b/muk_web_theme/static/src/scss/colors.scss new file mode 100644 index 0000000..f7489d9 --- /dev/null +++ b/muk_web_theme/static/src/scss/colors.scss @@ -0,0 +1,35 @@ +/********************************************************************************** +* +* 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 . +* +**********************************************************************************/ + +$o-brand-odoo: #243742; +$o-brand-primary: #5D8DA8; + +$mk-required-color: #d1dfe6; + +$mk-apps-color: #f8f9fa; + +$mk-appbar-color: #dee2e6; +$mk-appbar-background: #000000; + +$mk-brand-gradient-start: lighten($o-brand-odoo, 10%); +$mk-brand-gradient-end: lighten($o-brand-odoo, 20%); + diff --git a/muk_web_theme/static/src/scss/control_panel.scss b/muk_web_theme/static/src/scss/control_panel.scss new file mode 100644 index 0000000..0456945 --- /dev/null +++ b/muk_web_theme/static/src/scss/control_panel.scss @@ -0,0 +1,133 @@ +/********************************************************************************** +* +* 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 . +* +**********************************************************************************/ + +@include media-breakpoint-down(sm) { + .o_control_panel { + padding-left: $o-horizontal-padding /2; + padding-right: $o-horizontal-padding /2; + .o_cp_top { + justify-content: space-between; + .o_cp_top_left { + max-width: 35%; + .breadcrumb { + overflow: hidden; + display: block; + white-space: nowrap; + text-overflow: ellipsis; + } + } + .o_cp_top_right { + min-height: 35px; + min-width: 65%; + flex-grow: 1; + } + } + .o_cp_bottom { + justify-content: space-between; + .o_cp_bottom_left { + flex-grow: 1; + .o_cp_action_menus, .o_cp_buttons { + flex: 1 1 100%; + } + .o_cp_action_menus .o_dropdown .o_dropdown_toggler_btn { + .o_dropdown_title { + display: none; + } + i:last-of-type{ + display: none; + } + &::after{ + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; + } + } + } + .o_cp_bottom_right { + .o_cp_pager { + white-space: nowrap; + .o_pager_counter { + max-width: 60px; + @include o-text-overflow; + } + .o_pager_previous, .o_pager_next { + border: none; + } + } + .o_search_options { + display: none; + } + } + } + .breadcrumb-item { + &:not(.active) { + padding-left: 0; + } + &::before { + content: none; + padding-right: 0; + } + &:nth-last-of-type(1n+3) { + display: none; + } + &:nth-last-of-type(2) { + &::before { + content: "\f053"; + cursor: pointer; + color: $o-brand-primary; + font-family: FontAwesome; + } + a { + display: none; + } + } + } + .o_cp_buttons .btn.d-block:not(.d-none) { + display: inline-block !important; + } + .o_cp_switch_buttons { + &.show > .dropdown-menu { + display: flex; + min-width: 0px; + flex-direction: row; + align-content: center; + justify-content: space-around; + padding: 0; + .btn { + margin: 5px; + border: none; + font-size: 1.25rem; + } + } + } + } + .o_controller_with_searchpanel .o_search_panel { + display: none; + } +} diff --git a/muk_web_theme/static/src/scss/fields.scss b/muk_web_theme/static/src/scss/fields.scss new file mode 100644 index 0000000..f9a903d --- /dev/null +++ b/muk_web_theme/static/src/scss/fields.scss @@ -0,0 +1,40 @@ +/********************************************************************************** +* +* 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 . +* +**********************************************************************************/ + +.o_field_widget { + &.o_field_many2one .o_external_button { + color: $o-brand-odoo + } +} + +.o_required_modifier { + &.o_input, .o_input { + background-color: $mk-required-color !important; + } +} + +@include media-breakpoint-down(sm) { + .o_form_view .mk_mobile_add { + margin-left: 0 !important; + margin-bottom: 10px !important; + } +} \ No newline at end of file diff --git a/muk_web_theme/static/src/scss/fonts.scss b/muk_web_theme/static/src/scss/fonts.scss new file mode 100644 index 0000000..ce7bf2f --- /dev/null +++ b/muk_web_theme/static/src/scss/fonts.scss @@ -0,0 +1,60 @@ +/********************************************************************************** +* +* 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 . +* +**********************************************************************************/ + +$font-path-noto: '../fonts/Noto'; +$font-path-roboto: '../fonts/Roboto'; + +@mixin mk-roboto-font-face($name, $weight, $style) { + @font-face { + font-family: 'Noto'; + src: url('#{$font-path-noto}/Noto-#{$name}.eot'); + src: url('#{$font-path-noto}/Noto-#{$name}.eot?#iefix') format('embedded-opentype'), + url('#{$font-path-noto}/Noto-#{$name}.woff') format('woff'), + url('#{$font-path-noto}/Noto-#{$name}.ttf') format('truetype'), + url('#{$font-path-noto}/Noto-#{$name}.svg#Noto') format('svg'); + font-weight: $weight; + font-style: $style; + } + @font-face { + font-family: 'Roboto'; + src: url('#{$font-path-roboto}/Roboto-#{$name}.eot'); + src: url('#{$font-path-roboto}/Roboto-#{$name}.eot?#iefix') format('embedded-opentype'), + url('#{$font-path-roboto}/Roboto-#{$name}.woff') format('woff'), + url('#{$font-path-roboto}/Roboto-#{$name}.ttf') format('truetype'), + url('#{$font-path-roboto}/Roboto-#{$name}.svg#Roboto') format('svg'); + font-weight: $weight; + font-style: $style; + } +} + +@include mk-roboto-font-face('Thin', 100, normal); +@include mk-roboto-font-face('ThinItalic', 100, italic); +@include mk-roboto-font-face('Light', 300, normal); +@include mk-roboto-font-face('LightItalic', 300, italic); +@include mk-roboto-font-face('Regular', 400, normal); +@include mk-roboto-font-face('Italic', 400, italic); +@include mk-roboto-font-face('Medium', 500, normal); +@include mk-roboto-font-face('MediumItalic', 500, italic); +@include mk-roboto-font-face('Bold', 700, normal); +@include mk-roboto-font-face('BoldItalic', 700, italic); +@include mk-roboto-font-face('Black', 900, normal); +@include mk-roboto-font-face('BlackItalic', 900, italic); diff --git a/muk_web_theme/static/src/scss/form_view.scss b/muk_web_theme/static/src/scss/form_view.scss new file mode 100644 index 0000000..3c5acc0 --- /dev/null +++ b/muk_web_theme/static/src/scss/form_view.scss @@ -0,0 +1,153 @@ +/********************************************************************************** +* +* 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 . +* +**********************************************************************************/ + +.o_form_view { + .o_form_sheet_bg { + background: $o-webclient-background-color; + border-bottom: 1px solid gray('300'); + > .o_form_sheet { + @include mk-container-widths(); + background-color: $o-view-background-color; + border: 1px solid gray('400'); + box-shadow: 0 5px 20px -15px black; + max-width: calc(100% - #{$o-horizontal-padding*2}); + } + .o_form_statusbar { + position: sticky; + z-index: 1; + top: 0; + } + .oe_button_box { + .btn.oe_stat_button > .o_button_icon { + color: $o-brand-odoo; + } + } + .oe_title { + max-width: 100%; + width: initial; + span.o_field_widget { + max-width: 100%; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + width: initial; + } + } + .o_notebook { + .nav-tabs { + overflow-x : auto; + overflow-y: hidden; + flex-flow: nowrap; + .nav-item { + white-space: nowrap; + } + } + > .tab-content > .tab-pane > :first-child { + margin-top: 0; + } + } + } + @include media-breakpoint-down(sm) { + .o_form_sheet { + min-width: 100% !important; + max-width: 100% !important; + margin-top: 15px !important; + } + .o_group { + @for $i from 1 through $o-form-group-cols { + .o_group_col_#{$i} { + width: 100% !important; + } + } + .o_field_widget.o_text_overflow { + width: auto !important; + } + } + .o_statusbar_buttons_dropdown { + border: { + bottom: 0; + radius: 0; + top: 0; + } + height: 100%; + } + .o_statusbar_buttons > .btn { + border-radius: 0; + border: 0; + width: 100%; + margin-bottom: 0.2rem; + &:last-child { + margin-bottom: 0; + } + } + .o_statusbar_status { + .o_arrow_button:first-child::before { + content: none; + display: none; + } + } + .app_settings_block { + .row { + margin: 0; + } + } + .o_notebook .nav-tabs { + &::-webkit-scrollbar { + display: none; + } + } + .o_cp_buttons { + width: 100%; + div, .o-kanban-button-new { + width: 100%; + } + } + } + @include media-breakpoint-down(xs) { + .oe_title { + width: 100% !important; + max-width: 100% !important; + } + } +} + +.mk_chatter_position_sided { + @include media-breakpoint-up(xxl, $o-extra-grid-breakpoints) { + .o_form_view:not(.o_form_nosheet) { + display: flex; + flex-flow: row nowrap; + height: 100%; + .o_form_sheet_bg { + min-width: $mk-form-min-width; + flex: 1 1 auto; + overflow: auto; + } + > .o_FormRenderer_chatterContainer { + flex: 1 1 auto; + overflow: auto; + min-width: $mk-chatter-min-width; + max-width: $mk-chatter-max-width; + border-left: 1px solid gray('400'); + } + } + } +} diff --git a/muk_web_theme/static/src/scss/kanban_view.scss b/muk_web_theme/static/src/scss/kanban_view.scss new file mode 100644 index 0000000..73e29aa --- /dev/null +++ b/muk_web_theme/static/src/scss/kanban_view.scss @@ -0,0 +1,100 @@ +/********************************************************************************** +* +* 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 . +* +**********************************************************************************/ + +@include media-breakpoint-down(sm) { + .o_kanban_view.o_kanban_grouped { + display: block; + position: relative; + overflow-x: hidden; + .o_kanban_mobile_tabs_container { + position: sticky; + display: flex; + justify-content: space-between; + width: 100%; + top: 0; + z-index: 1; + background-color: #5E5E5E; + .o_kanban_mobile_add_column { + height: $o-kanban-mobile-tabs-height; + padding: 10px; + border-left: grey 1px solid; + color: white; + font-size: 14px; + } + .o_kanban_mobile_tabs { + position: relative; + display: flex; + width: 100%; + height: $o-kanban-mobile-tabs-height; + overflow-x: auto; + .o_kanban_mobile_tab { + height: $o-kanban-mobile-tabs-height; + padding: 10px 20px; + font-size: 14px; + color: white; + &.o_current { + font-weight: bold; + border-bottom: 3px solid $o-brand-primary; + } + .o_column_title { + white-space: nowrap; + text-transform: uppercase; + } + } + } + } + .o_kanban_columns_content { + position: relative; + } + &[class] .o_kanban_group:not(.o_column_folded) { + @include o-position-absolute($top: $o-kanban-mobile-tabs-height, $left: 0, $bottom: 0); + width: 100%; + padding: 0; + margin-left: 0; + border: none; + &.o_current { + position: inherit; + top: 0; + &.o_kanban_no_records { + min-height: $o-kanban-mobile-empty-height; + } + } + .o_kanban_header { + display: none; + } + .o_kanban_record, .o_kanban_quick_create { + border: none; + border-bottom: 1px solid lightgray; + padding: 10px 16px; + margin: 0; + } + } + } + .o_kanban_view .o_column_quick_create { + .o_quick_create_folded { + display: none !important; + } + .o_quick_create_unfolded{ + width: 100%; + } + } +} diff --git a/muk_web_theme/static/src/scss/layout.scss b/muk_web_theme/static/src/scss/layout.scss new file mode 100644 index 0000000..beea338 --- /dev/null +++ b/muk_web_theme/static/src/scss/layout.scss @@ -0,0 +1,75 @@ +/********************************************************************************** +* +* 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 . +* +**********************************************************************************/ + +//---------------------------------------------------------- +// Helper +//---------------------------------------------------------- + +$mk-brand-gradient: linear-gradient(to right bottom, $mk-brand-gradient-start, $mk-brand-gradient-end); + +//---------------------------------------------------------- +// Web Client +//---------------------------------------------------------- + +.o_web_client { + .o_main .o_main_content { + @include media-breakpoint-down(sm) { + overflow: auto; + .o_content { + overflow: initial; + } + } + } + .o_loading { + position: fixed; + right: 0; + bottom: 0; + color: white; + padding: 5px; + opacity: 0.8; + z-index: 1052; + border-radius: 0; + background-color: $o-brand-odoo; + } +} + +.oe_wait { + cursor: progress; +} + +//---------------------------------------------------------- +// Views +//---------------------------------------------------------- + +.o_content, .modal-content { + max-width: 100%; +} + +//---------------------------------------------------------- +// Tooltips +//---------------------------------------------------------- + +.o_tooltip { + &.o_animated { + display: none; + } +} diff --git a/muk_web_theme/static/src/scss/list_view.scss b/muk_web_theme/static/src/scss/list_view.scss new file mode 100644 index 0000000..dd2c86b --- /dev/null +++ b/muk_web_theme/static/src/scss/list_view.scss @@ -0,0 +1,75 @@ +/********************************************************************************** +* +* 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 . +* +**********************************************************************************/ + +.o_list_view { + table { + overflow-x: hidden; + } + table, thead, tfoot, td, th { + border: none !important; + } + thead { + background-color: white; + th.o_column_sortable:hover { + background-color: white; + } + } + tfoot { + color: white !important; + cursor: default; + font-weight: normal; + } +} + +.o_list_table_grouped.table tbody tr { + &:nth-of-type(2n+1) { + background-color: white; + } + &.o_group_header { + background-image: none; + background-color: gray('200'); + box-shadow: inset 0 1px 0 gray('300'); + } + &:hover { + background-color: gray('200'); + } +} + +.o_content, .modal-content { + > div > .table-responsive { + overflow-x: initial; + > .o_list_view { + thead, thead tr:nth-child(1) th { + border-bottom: solid 1px gray('300'); + background-color: white; + position: sticky; + z-index: 1; + top: 0; + } + tfoot, tfoot tr:nth-child(1) td { + background-color: $o-list-footer-bg-color; + position: sticky; + bottom: 0; + } + } + } +} diff --git a/muk_web_theme/static/src/scss/mixins.scss b/muk_web_theme/static/src/scss/mixins.scss new file mode 100644 index 0000000..c1c32cf --- /dev/null +++ b/muk_web_theme/static/src/scss/mixins.scss @@ -0,0 +1,45 @@ +/********************************************************************************** +* +* 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 . +* +**********************************************************************************/ + +@mixin mk-full-screen-sections { + width: 100vw; + z-index: 1002; + display: flex; + flex-direction: column; + height: calc(100vh - #{$o-navbar-height}); + max-height: calc(100vh - #{$o-navbar-height}); + top: $o-navbar-height !important; + transform: none !important; + position: fixed !important; + overflow-x: hidden; + overflow-y: auto; + box-shadow: none; + border: none; +} + +@mixin mk-container-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) { + @each $breakpoint, $container-max-width in $max-widths { + @include media-breakpoint-up($breakpoint, $breakpoints) { + width: $container-max-width; + } + } +} \ No newline at end of file diff --git a/muk_web_theme/static/src/scss/navbar.scss b/muk_web_theme/static/src/scss/navbar.scss new file mode 100644 index 0000000..999fea5 --- /dev/null +++ b/muk_web_theme/static/src/scss/navbar.scss @@ -0,0 +1,126 @@ +/********************************************************************************** +* +* 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 . +* +**********************************************************************************/ + +@include media-breakpoint-down(sm) { + .o_main_navbar { + display: flex; + > .dropdown { + display: flex; + .navbar-toggler { + color: white; + } + .o_menu_sections, .o_menu_systray { + padding: 0; + } + } + .o_menu_systray { + margin-left: auto; + } + .o_debug_manager { + .dropdown-menu.show { + @include mk-full-screen-sections(); + } + } + .o_user_menu, .o_switch_company_menu { + > .dropdown-toggle { + padding: 0 10px; + white-space: nowrap; + &::before, &::after { + content: normal; + } + } + .dropdown-menu.show { + @include mk-full-screen-sections(); + } + } + .o_user_menu img { + margin-bottom: 3px; + } + .o_menu_brand, .o_menu_sections, .oe_topbar_name { + display: none; + } + .o-menu-toggle { + cursor: pointer; + padding: 0 $o-horizontal-padding; + } + .o_mail_systray_dropdown.show { + @include mk-full-screen-sections(); + .o_mail_preview_image { + align-items: center; + display: flex; + flex-direction: row; + img { + display: block; + height: auto; + } + } + } + .dropdown-menu .dropdown-item { + padding: { + bottom: 0.5rem; + top: 0.5rem; + } + } + .o_menu_sections.show { + @include mk-full-screen-sections(); + background: $mk-brand-gradient; + .dropdown-toggle, .dropdown-item { + padding: 0; + color: white; + height: 46px; + line-height: 46px; + background: none; + span { + padding-left: 15px; + font-size: initial; + } + } + .mk_menu_mobile_section { + .fa { + padding-top: 14px; + padding-right: 15px; + } + .dropdown-menu { + padding: 0; + width: 100%; + border: none; + min-width: auto; + box-shadow: none; + background: none; + position: static; + overflow: visible; + } + @for $index from 1 through 5 { + .o_menu_entry_lvl_#{$index} { + margin-left: ($index - 1) * 1.5rem; + } + } + @for $index from 2 through 5 { + .o_menu_header_lvl_#{$index} { + margin-left: ($index - 1) * 1.5rem; + } + } + } + + } + } +} \ No newline at end of file diff --git a/muk_web_theme/static/src/scss/notification.scss b/muk_web_theme/static/src/scss/notification.scss new file mode 100644 index 0000000..52958e4 --- /dev/null +++ b/muk_web_theme/static/src/scss/notification.scss @@ -0,0 +1,27 @@ +/********************************************************************************** +* +* 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 . +* +**********************************************************************************/ + +.o_notification_manager { + .o_buttons { + padding: 5px; + } +} \ No newline at end of file diff --git a/muk_web_theme/static/src/scss/search_view.scss b/muk_web_theme/static/src/scss/search_view.scss new file mode 100644 index 0000000..7703b8f --- /dev/null +++ b/muk_web_theme/static/src/scss/search_view.scss @@ -0,0 +1,54 @@ +/********************************************************************************** +* +* 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 . +* +**********************************************************************************/ + +.o_searchview { + padding: 0; + border: none; + width: 100%; + margin-bottom: 5px; + button { + background-color: $white; + border-color: $border-color; + color: $gray-600; + border: none; + } + .o_enable_searchview { + float: right; + } + .o_searchview_input_container { + border-bottom: 1px solid $o-brand-secondary; + } +} + +.o_modal_header { + .o_searchview, .o_pager { + display: inline-block; + } +} + +@include media-breakpoint-between(sm, lg, $o-extra-grid-breakpoints) { + .o_search_options { + .mk_dropdown_text { + display: none; + } + } +} diff --git a/muk_web_theme/static/src/scss/settings.scss b/muk_web_theme/static/src/scss/settings.scss new file mode 100644 index 0000000..93ab8a2 --- /dev/null +++ b/muk_web_theme/static/src/scss/settings.scss @@ -0,0 +1,38 @@ +/********************************************************************************** +* +* 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 . +* +**********************************************************************************/ + +@include media-breakpoint-down(sm) { + .o_base_settings .o_statusbar_buttons { + .btn { + width: auto !important; + border: solid 1px transparent; + margin: 4px 3px 4px 0 !important; + padding: $btn-padding-y-sm $btn-padding-x-sm !important; + } + .btn-primary { + border-color: $o-brand-primary; + } + .btn-secondary { + border-color: $border-color; + } + } +} \ No newline at end of file diff --git a/muk_web_theme/static/src/scss/variables.scss b/muk_web_theme/static/src/scss/variables.scss new file mode 100644 index 0000000..0b93505 --- /dev/null +++ b/muk_web_theme/static/src/scss/variables.scss @@ -0,0 +1,63 @@ +/********************************************************************************** +* +* 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 . +* +**********************************************************************************/ + +//---------------------------------------------------------- +// Fonts +//---------------------------------------------------------- + +$font-family-sans-serif: 'Roboto', 'Noto'; + +//---------------------------------------------------------- +// Components +//---------------------------------------------------------- + +$border-radius: 0; +$border-radius-lg: 0; +$border-radius-sm: 0; + +//---------------------------------------------------------- +// Links +//---------------------------------------------------------- + +$link-color: darken($o-brand-primary, 8%); + +//---------------------------------------------------------- +// AppBarMenu +//---------------------------------------------------------- + +$mk-sidebar-large-width: 146px; +$mk-sidebar-small-width: 46px; + +//---------------------------------------------------------- +// Sided Chatter +//---------------------------------------------------------- + +$mk-form-min-width: 835px; +$mk-chatter-min-width: 550px; +$mk-chatter-max-width: 600px; + +//---------------------------------------------------------- +// List View +//---------------------------------------------------------- + +$o-list-footer-bg-color: $o-brand-odoo; + -- cgit v1.2.3