You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
/********************************************************************************** * * Copyright (c) 2017-today MuK IT GmbH. * * This file is part of MuK 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/>. * **********************************************************************************/
@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 { flex-grow: 100; .breadcrumb { overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; } } .o_cp_top_right { flex-grow: 1; min-height: 35px; .o_searchview_mobile { border: none; } } } .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_searchview_input_container > .o_searchview_autocomplete { left: 0; right: 0; > li { padding: 10px 0px; } } .o_searchview_quick { display: flex; flex: 1 1 auto; align-items: center; .o_searchview_input_container { flex: 1 1 auto; } } .o_searchview { padding: 1px 0px 3px 0px; &.o_searchview_mobile { cursor: pointer; } } .o_cp_buttons .btn.d-block:not(.d-none) { display: inline-block !important; } .o_cp_switch_buttons { 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; } }
.mk_cp_mobile_search { position: fixed; top: 0; left: 0; bottom: 0; padding: 0; width: 100%; background-color: white; z-index: $zindex-modal; overflow: auto; .mk_mobile_search_header { height: 46px; margin-bottom: 10px; width: 100%; background-color: $o-brand-odoo; color: white; span:active { background-color: darken($o-brand-primary, 10%); } span { cursor: pointer; } } .o_searchview_input_container { display: flex; padding: 15px 20px 0 20px; position: relative; .o_searchview_input { width: 100%; margin-bottom: 15px; border-bottom: 1px solid $o-brand-primary; } .o_searchview_facet { display: inline-flex; order: 1; } .o_searchview_autocomplete { top: 3rem; } } .mk_mobile_search_filter { padding-bottom: 15%; > .dropdown { flex-direction: column; line-height: 2rem; width: 100%; margin: 15px 5px 0px 5px; border: solid 1px darken(gray("200"), 20%); } .dropdown.show > .dropdown-toggle { background-color: gray("200"); } .dropdown-toggle { width: 100%; text-align: left; &:after { top: auto; } } .dropdown-item:before { top: auto; } .dropdown-item.focus { background-color: white; } .dropdown-menu { position: relative !important; top: 0 !important; left: 0 !important; width: 100%; max-height: 100%; box-shadow: none; border: none; color: gray("600"); .divider { margin: 0px; } > li > a { padding: 10px 26px; } } } .mk_mobile_search_show_result { padding: 10px; font-size: 15px; } }
|