/********************************************************************************** * * Copyright (C) 2017 MuK IT GmbH * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero 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 Affero General Public License for more details. * * You should have received a copy of the GNU Affero 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 { 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}); } .oe_button_box { .btn.oe_stat_button > .o_button_icon { color: $o-brand-odoo; } } .o_notebook { .table-responsive { overflow-x: inherit; } } } @include media-breakpoint-down(sm) { .o_form_sheet, .oe_chatter { min-width: 100% !important; max-width: 100% !important; } .o_group_col_6 { width: 100%; } .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; } } } @include media-breakpoint-down(xs) { .oe_button_box { float: none; display: block; text-align: right; margin-top: -17px; margin-bottom: $o-sheet-vpadding; margin-left: -$o-horizontal-padding; width: calc(100% + #{$o-horizontal-padding*2}); > .btn.oe_stat_button { flex: 0 0 auto !important; width: percentage(1/3) !important; } > .btn.o_button_more, > .o_dropdown_more { flex: 0 0 auto !important; width: calc(#{percentage(1/3)} + 3px) !important; } &, & + .oe_avatar { + .oe_title { width: 100%; } } } } } .mk_chatter_position_sided { @include media-breakpoint-up(xl) { .o_form_view:not(.o_form_nosheet) { display: flex; flex-flow: row nowrap; height: 100%; .o_form_sheet_bg { flex: 1 1 65%; overflow: auto; } .o_chatter { border-left: 1px solid gray('400'); flex: 1 1 35%; max-width: 40%; min-width: 30%; overflow: auto; } } } }