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_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%; } } }
|