layout.mobile.css

.bottom-tab,.close-mobile-component{display:none}@media screen and (max-width:1024px){::-webkit-scrollbar{width:0!important;height:0!important}.qb-ui-layout__left{width:35px;min-width:35px}.qb-ui-layout__left.active{position:relative;max-width:400px;width:40%;min-width:260px}.qb-ui-layout__left.active .close-mobile-component{display:block}.qb-ui-layout__left .qb-ui-structure-tabs{display:flex;flex-direction:column}.qb-ui-layout__left .qb-ui-structure-tabs__tab{height:100px;margin:0 0 15px}.qb-ui-layout__left .qb-ui-structure-tabs__tab>label{width:100px;transform:translate(-33px,33px) rotate(90deg)}.qb-ui-layout__left .qb-ui-structure-tabs__tab>label:before{display:none}.qb-ui-layout__left .qb-ui-structure-tabs__tab>label:after{width:24px}.qb-ui-layout__left .qb-ui-structure-tabs input[type=radio]:checked~.qb-ui-structure-tabs__content{display:none}.qb-ui-layout__left .qb-ui-structure-tabs__content{margin:0;padding:0;border-right:1px solid #eaeaea;z-index:4}.qb-ui-layout__left .qb-ui-structure-tabs__content.active{display:block!important}.qb-ui-layout__right{display:flex;flex-direction:column}.qb-ui-layout__right .qb-ui-canvas-navbar{height:35px}.qb-ui-layout__right .qb-ui-canvas{height:calc(100% - 36px)}.qb-ui-layout__right .qb-ui-canvas__watermark{font-size:15px}.qb-ui-layout__right-top{flex:1 100%}.qb-ui-layout__right-bottom{position:relative;height:auto;z-index:2}.qb-ui-layout__right-bottom.active{max-height:600px;flex:1 100%;min-height:300px}.qb-ui-layout__right-bottom.active .close-mobile-component{display:block}.qb-ui-layout__right-bottom .qb-ui-structure-tabs{white-space:nowrap}.qb-ui-layout__right-bottom .qb-ui-structure-tabs__tab>label{width:110px}.qb-ui-layout__right-bottom .qb-ui-structure-tabs__content{margin-top:36px}.qb-ui-layout__right .qb-ui-editor,.qb-ui-layout__right .ui-qb-grid{height:100%}.qb-ui-layout__right .qb-ui-editor-statusbar{position:absolute;bottom:0;margin:0!important;z-index:3}.qb-ui-structure-tabs__tab>label{height:35px;padding:0 7px;font-size:16px;font-weight:400;line-height:35px;text-align:center;box-sizing:border-box}.close-mobile-component{position:absolute;display:none;border:none;z-index:1000}.close-mobile-component--left{top:0;right:0;width:35px;height:35px;border-radius:10px 0 0 10px}.close-mobile-component--bottom{top:0;right:0;width:35px;height:35px;border-radius:0 0 0 10px}.close-mobile-component svg{display:block;height:100%;margin:0 auto;vertical-align:middle}.add-to-canvas-mobile{border:1px solid #000;display:inline-block;width:20px;height:10px;vertical-align:middle;line-height:10px;text-align:center;border-radius:5px;margin-left:20px}.properties{width:200px;min-width:200px}.properties__root{height:calc(100% - 25px)}.properties--collapsed{min-width:0}.properties--collapsed .properties__dock{left:2px;top:4px}.properties--collapsed .properties__title span{width:0;color:transparent;padding:5px 10px;right:20px;z-index:105}.properties--collapsed .properties__title span:after,.properties--collapsed .properties__title span:before{width:19px}.qb-ui-table .ui-resizable-se{width:20px;height:20px;transform:scale(1.2);background-position:-78px -220px}.qb-ui-table-field{padding-bottom:8px}.qb-ui-table-field .links{top:0;width:20px;height:16px}.qb-ui-table-field span{margin-left:6px}.qb-ui-table-field .qb-ui-table-field-select{margin-left:3px}.qb-ui-table-field-container{font-size:16px}.qb-ui-canvas-navbar-subquery-panel,.qb-ui-canvas-navbar-union-panel,.qb-ui-tree-item-filter-block,.qb-ui-user-queries__toolbar{height:35px}.qb-ui-query-structure{top:35px}.qb-ui-canvas-navbar-union-panel{padding:5px 0}.subquery-tree{width:35px;margin-right:2px}.subquery-tree svg{top:10px}.qb-ui-canvas-navbar-breadcrumb-container .subquery{padding:0 10px;height:35px;line-height:35px;font-size:15px}.qb-ui-canvas-navbar-breadcrumb-container .breadcrumbs__scroller span{margin-top:-1px}.qb-ui-canvas-navbar-breadcrumb-container .subqueries .subquery{font-size:14px}.ui-qb-grid{height:auto;overflow-x:hidden}.ui-qb-grid .header-cell{height:35px;line-height:35px}.ui-qb-grid .header-cell.ui-qb-grid-row-grouping{text-align:center;padding-left:5px}.ui-qb-grid .header-cell input[type=checkbox]{margin:0;width:14px;height:14px}.ui-qb-grid .header-cell input[type=checkbox]:before{left:-2px;top:-2px}.ui-qb-grid .header-cell,.ui-qb-grid .ui-qb-grid-row-cell,.ui-qb-grid .ui-qb-grid-row-cell input,.ui-qb-grid .ui-qb-grid-row-cell select{font-size:1.8vw}.ui-qb-grid .ui-qb-grid-row-cell input{padding-left:6px}.ui-qb-grid .ui-qb-grid-row-cell select{padding-left:2px}.ui-qb-grid__table{padding-top:35px}.ui-qb-grid .ui-qb-grid-row-cell-edit-block,.ui-qb-grid .ui-qb-grid-row-cell-view-block{height:35px;line-height:35px}.ui-qb-grid .ui-qb-grid-row-cell-view-block{padding-left:6px}.ui-qb-grid-row-visible .ui-qb-grid-row-action,.ui-qb-grid-row-visible .ui-qb-grid-row-deleting{background-size:90%}.context-menu-list input[type=checkbox],.qb-ui-canvas input[type=checkbox],.ui-qb-grid input[type=checkbox]{width:20px;height:20px}.context-menu-list input[type=checkbox]:before,.qb-ui-canvas input[type=checkbox]:before,.ui-qb-grid input[type=checkbox]:before{width:20px;height:20px;background-size:100%}.qb-ui-table-field-asterisk{padding-top:0}.union-group .control.plus-button{margin-right:0}.qb-ui-tree-item-filter-block .icon-cross{margin-right:40px}.breadcrumbs-arrow{top:3px}.qb-ui-canvas-navbar-controls-pane{margin-right:120px}.qb-ui-tree-view{font-size:18px}.qb-ui-tree-view li .tree-node{height:34px;padding:0;line-height:34px}.qb-ui-tree-view .qb-ui-tree-item-block{margin-top:35px}.qb-ui-tree-view .qb-ui-tree-item-block .qb-ui-tree-filtered-items,.qb-ui-tree-view .qb-ui-tree-item-block .qb-ui-tree-items{min-height:100%}.qb-ui-tree-view .tree-node__mobile{display:inline-block;position:relative;text-align:center;line-height:20px;margin-left:10px;width:32px;height:28px;top:-3px}.qb-ui-tree-view .tree-node__mobile-plus{display:inline-block;position:relative;width:24px;height:20px;border:1px solid #ccc;border-radius:5px;top:3px}.context-menu-item{padding:6px 22px 6px 36px}.context-menu-item .icon:before{top:10px}}@media screen and (max-width:320px){.qb-ui-layout__left.active{position:absolute;min-width:100%;width:100%}}@media screen and (max-height:300px){.qb-ui-layout__right-top{min-height:0;height:0%}.qb-ui-layout__right-bottom.active{min-height:100%;height:100%;background:#fff}}