diff --git a/scss/table.scss b/scss/table.scss index ffa06ca2..a61e1b89 100644 --- a/scss/table.scss +++ b/scss/table.scss @@ -2,6 +2,7 @@ width: unset; } + // contents table #contents > div.card-body div.row { > div { @@ -18,3 +19,10 @@ white-space: nowrap; } } + +#main-area:not(:has(#header-main.compact)) .table_length { + max-width: max-content; +} +#main-area:not(:has(#header-main.compact)) .table_filter { + max-width: 300px; +} diff --git a/src/cone/app/browser/static/cone/cone.app.css b/src/cone/app/browser/static/cone/cone.app.css index 038182ac..bd499bbd 100644 --- a/src/cone/app/browser/static/cone/cone.app.css +++ b/src/cone/app/browser/static/cone/cone.app.css @@ -457,3 +457,11 @@ tr.selectable td { .table-footer .table_info { white-space: nowrap; } + +#main-area:not(:has(#header-main.compact)) .table_length { + max-width: max-content; +} + +#main-area:not(:has(#header-main.compact)) .table_filter { + max-width: 300px; +} diff --git a/src/cone/app/browser/static/cone/cone.app.min.css b/src/cone/app/browser/static/cone/cone.app.min.css index 0f51e9c6..99168a29 100644 --- a/src/cone/app/browser/static/cone/cone.app.min.css +++ b/src/cone/app/browser/static/cone/cone.app.min.css @@ -1 +1 @@ -[data-bs-theme=dark] #content{color:#f8f9fa;background-color:#212529}[data-bs-theme=dark] #navbar-content-wrapper{color:#f8f9fa;background-color:#212529}[data-bs-theme=dark] #sidebar_left{background-color:#343b45}[data-bs-theme=dark] #footer{color:#f8f9fa;background-color:#000}[data-bs-theme=dark] #contextmenu{color:#f8f9fa;background-color:#343a40}[data-bs-theme=dark] tr.selectable.selected td{background-color:#344555}[data-bs-theme=dark] .table-striped>tbody>tr.selectable.selected:nth-child(2n+1)>td{background-color:#485f76}[data-bs-theme=light] #content{color:#212529;background-color:#f8f9fa}[data-bs-theme=light] #navbar-content-wrapper{color:#212529;background-color:#fff}[data-bs-theme=light] #sidebar_left{background-color:#414c5b}[data-bs-theme=light] #footer{color:#212529;background-color:#f8f9fa}[data-bs-theme=light] #contextmenu{color:#212529;background-color:#fff}[data-bs-theme=light] tr.selectable.selected td{background-color:#dfeefb}[data-bs-theme=light] .table-striped>tbody>tr.selectable.selected:nth-child(2n+1)>td{background-color:#cfdce7}:root{--sidebar-width: 300px;--navbar-height: 50px}html{height:100%;width:100%}body{height:100%}#content{height:calc(100% - 40px)}#main-area{width:0 !important}tr.selectable td{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}#input-contentform-save:has(+input.btn){margin-right:1rem}#header-logo{z-index:4}#header-logo>span,#header-logo-placeholder>span{font-size:1.5rem !important}#header-logo-placeholder{visibility:hidden}#header-main{height:var(--navbar-height)}#header-main.navbar-expand #header-content{flex-direction:row-reverse}#header-main.navbar-expand #navbar-content-wrapper{box-shadow:none !important;background:none}#header-main:not(.navbar-expand) #header-content{flex-direction:row}#header-main:not(.navbar-expand) #navbar-content{flex-direction:column}#header-main:not(.navbar-expand) #livesearch{order:0;width:100%;padding-left:55px !important;padding-right:15px !important}#header-main:not(.navbar-expand) #mainmenu{order:1;margin-left:10px !important;margin-top:20px;margin-bottom:20px}#header-main:not(.navbar-expand) #mainmenu ul>li{display:block !important}#header-main.compact:has(.show){height:100%}#header-main.compact:has(.show) #header-logo-placeholder,#header-main.compact:has(.collapsing) #header-logo-placeholder{display:none}#header-main.compact:has(.show) #navbar-content-wrapper,#header-main.compact:has(.collapsing) #navbar-content-wrapper{position:relative;overflow:hidden;height:100%;padding:0 !important}@media screen and (max-width: 768px){#header-main.compact:has(.show) #navbar-content-wrapper,#header-main.compact:has(.collapsing) #navbar-content-wrapper{z-index:1200}}#header-main.compact:has(.show) #header-content,#header-main.compact:has(.collapsing) #header-content{align-items:flex-start}#header-main.compact:has(.show) .navbar-toggler,#header-main.compact:has(.collapsing) .navbar-toggler{height:50px !important}#header-main.compact:has(.show) #mainmenu .scrollable-content,#header-main.compact:has(.collapsing) #mainmenu .scrollable-content{right:0 !important}#header-main.compact:has(.show) #mainmenu .dropdown-menu,#header-main.compact:has(.collapsing) #mainmenu .dropdown-menu{border:none}#header-main.compact:has(.show) #mainmenu .dropdown-menu>li .dropdown-item,#header-main.compact:has(.collapsing) #mainmenu .dropdown-menu>li .dropdown-item{padding:8px 20px}#header-main.compact:has(.show) #mainmenu .dropdown-menu>li:first-child .dropdown-item,#header-main.compact:has(.collapsing) #mainmenu .dropdown-menu>li:first-child .dropdown-item{padding-top:0}#header-main.compact:has(.show) #personaltools,#header-main.compact:has(.collapsing) #personaltools{height:50px;justify-content:space-between;margin:auto 20px}#header-main.compact:has(.show) #personaltools #colortoggler,#header-main.compact:has(.collapsing) #personaltools #colortoggler{padding-left:0}#header-main.full #mainmenu .dropdown-menu{position:fixed}#header-main.full #personaltools{height:100%}#header-main #navbar-content-wrapper{min-width:0;z-index:1}#header-main #navbar-content-wrapper #navbar-content{min-width:0}#header-main #mainmenu>ul{padding-left:8px;white-space:nowrap}#header-main #mainmenu .nav-item.active .nav-link{color:#4e7bba}#header-main #personaltools #language-dropdown>div.dropdown-toggle>a{height:20px}#header-main #personaltools #language-dropdown>div.dropdown-toggle>a img{vertical-align:baseline}#header-main #personaltools #colortoggler #colortoggle-switch{width:2rem;height:1rem}#personaltools-dropdown .dropdown-item a{text-decoration:none;color:var(--bs-secondary-color)}#form-loginform{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}#form-loginform #field-loginform-user,#form-loginform #field-loginform-password{display:grid;grid-template-columns:1fr 2fr;margin-bottom:.5rem}#form-loginform #input-loginform-login{margin-top:1.5rem;width:200px}#layout:has(#sidebar_left.expanded) #header-logo,#layout:has(#sidebar_left.responsive-expanded:not(.collapsed)) #header-logo{color:#fff}.scrollable-x,.scrollable-y{position:relative;overflow:hidden}.scrollable-content{position:relative}.scrollbar{display:none;position:absolute;background:#dee2e6;border-radius:3px;z-index:1000}.scrollbar .scroll-handle{position:relative;border-radius:3px;background:#4e7bba}.scrollbar-top .scrollbar{top:0}.scrollbar-bottom .scrollbar{bottom:0}.scrollbar-left .scrollbar{left:0}.scrollbar-right .scrollbar{right:0}[data-bs-theme=dark] #content{color:#f8f9fa;background-color:#212529}[data-bs-theme=dark] #navbar-content-wrapper{color:#f8f9fa;background-color:#212529}[data-bs-theme=dark] #sidebar_left{background-color:#343b45}[data-bs-theme=dark] #footer{color:#f8f9fa;background-color:#000}[data-bs-theme=dark] #contextmenu{color:#f8f9fa;background-color:#343a40}[data-bs-theme=dark] tr.selectable.selected td{background-color:#344555}[data-bs-theme=dark] .table-striped>tbody>tr.selectable.selected:nth-child(2n+1)>td{background-color:#485f76}[data-bs-theme=light] #content{color:#212529;background-color:#f8f9fa}[data-bs-theme=light] #navbar-content-wrapper{color:#212529;background-color:#fff}[data-bs-theme=light] #sidebar_left{background-color:#414c5b}[data-bs-theme=light] #footer{color:#212529;background-color:#f8f9fa}[data-bs-theme=light] #contextmenu{color:#212529;background-color:#fff}[data-bs-theme=light] tr.selectable.selected td{background-color:#dfeefb}[data-bs-theme=light] .table-striped>tbody>tr.selectable.selected:nth-child(2n+1)>td{background-color:#cfdce7}#sidebar_left{height:100%;max-height:100%;user-select:none}#sidebar_left>.scrollable-y{margin-top:34px}#sidebar_left ul.list-group,#sidebar_left ul.list-group li{background-color:inherit}#sidebar_left #navtree{max-width:100%}#sidebar_left #navtree .nav-link{z-index:2000;white-space:nowrap}#sidebar_left #navtree .nav-link.active{background-color:rgba(0,0,0,0);font-weight:bold}#sidebar_left #navtree .nav-link i.bi-chevron-right{vertical-align:text-bottom}#sidebar_left #navtree .nav-link span{display:inline-block;width:calc(100% - 40px);text-overflow:ellipsis;overflow-x:hidden;vertical-align:text-bottom}#sidebar_left #sidebar_resize{position:relative;left:100%;width:0;height:0}#sidebar_left #sidebar_resize #sidebar_resizer{position:absolute;z-index:3;height:100vh;width:20px;transform:translateX(-50%);cursor:col-resize}#sidebar_left #sidebar_collapse{position:relative;left:100%;top:100%;width:0;height:0}#sidebar_left #sidebar_collapse .collapse_btn{position:absolute;bottom:0px;border-radius:100%;z-index:20001}#sidebar_left.collapsed{width:0px !important;min-width:0 !important}#sidebar_left.collapsed #sidebar_resize{display:none}#sidebar_left.collapsed #sidebar_collapse .collapse_btn .bi-chevron-left{display:none}#sidebar_left.expanded #sidebar_collapse .collapse_btn .bi-chevron-right{display:none}@media(min-width: 1400px){#sidebar_left:not(.collapsed) #sidebar_collapse .collapse_btn{transform:translateX(-20px)}#sidebar_left:not(.collapsed) #sidebar_collapse .collapse_btn .bi-chevron-right{display:none}}@media(max-width: 1399.98px){#sidebar_left:not(.expanded){width:0 !important;min-width:0 !important}#sidebar_left:not(.expanded) #sidebar_resize{display:none}#sidebar_left:not(.expanded) #sidebar_collapse .collapse_btn .bi-chevron-left{display:none}}@media(min-width: 768px)and (max-width: 1399.98px){#sidebar_left.expanded #sidebar_collapse .collapse_btn{transform:translateX(-20px)}}@media(max-width: 767.98px){#sidebar_left #sidebar_resize{display:none}#sidebar_left.expanded{width:100% !important;z-index:3}#sidebar_left.expanded #sidebar_collapse{left:calc(100% - 50px)}}.table_length,.table_filter{width:unset}#contents>div.card-body div.row>div{flex:1 0 auto;flex-wrap:nowrap}.table-footer{gap:1rem 0}.table-footer .table_info{white-space:nowrap} +[data-bs-theme=dark] #content{color:#f8f9fa;background-color:#212529}[data-bs-theme=dark] #navbar-content-wrapper{color:#f8f9fa;background-color:#212529}[data-bs-theme=dark] #sidebar_left{background-color:#343b45}[data-bs-theme=dark] #footer{color:#f8f9fa;background-color:#000}[data-bs-theme=dark] #contextmenu{color:#f8f9fa;background-color:#343a40}[data-bs-theme=dark] tr.selectable.selected td{background-color:#344555}[data-bs-theme=dark] .table-striped>tbody>tr.selectable.selected:nth-child(2n+1)>td{background-color:#485f76}[data-bs-theme=light] #content{color:#212529;background-color:#f8f9fa}[data-bs-theme=light] #navbar-content-wrapper{color:#212529;background-color:#fff}[data-bs-theme=light] #sidebar_left{background-color:#414c5b}[data-bs-theme=light] #footer{color:#212529;background-color:#f8f9fa}[data-bs-theme=light] #contextmenu{color:#212529;background-color:#fff}[data-bs-theme=light] tr.selectable.selected td{background-color:#dfeefb}[data-bs-theme=light] .table-striped>tbody>tr.selectable.selected:nth-child(2n+1)>td{background-color:#cfdce7}:root{--sidebar-width: 300px;--navbar-height: 50px}html{height:100%;width:100%}body{height:100%}#content{height:calc(100% - 40px)}#main-area{width:0 !important}tr.selectable td{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}#input-contentform-save:has(+input.btn){margin-right:1rem}#header-logo{z-index:4}#header-logo>span,#header-logo-placeholder>span{font-size:1.5rem !important}#header-logo-placeholder{visibility:hidden}#header-main{height:var(--navbar-height)}#header-main.navbar-expand #header-content{flex-direction:row-reverse}#header-main.navbar-expand #navbar-content-wrapper{box-shadow:none !important;background:none}#header-main:not(.navbar-expand) #header-content{flex-direction:row}#header-main:not(.navbar-expand) #navbar-content{flex-direction:column}#header-main:not(.navbar-expand) #livesearch{order:0;width:100%;padding-left:55px !important;padding-right:15px !important}#header-main:not(.navbar-expand) #mainmenu{order:1;margin-left:10px !important;margin-top:20px;margin-bottom:20px}#header-main:not(.navbar-expand) #mainmenu ul>li{display:block !important}#header-main.compact:has(.show){height:100%}#header-main.compact:has(.show) #header-logo-placeholder,#header-main.compact:has(.collapsing) #header-logo-placeholder{display:none}#header-main.compact:has(.show) #navbar-content-wrapper,#header-main.compact:has(.collapsing) #navbar-content-wrapper{position:relative;overflow:hidden;height:100%;padding:0 !important}@media screen and (max-width: 768px){#header-main.compact:has(.show) #navbar-content-wrapper,#header-main.compact:has(.collapsing) #navbar-content-wrapper{z-index:1200}}#header-main.compact:has(.show) #header-content,#header-main.compact:has(.collapsing) #header-content{align-items:flex-start}#header-main.compact:has(.show) .navbar-toggler,#header-main.compact:has(.collapsing) .navbar-toggler{height:50px !important}#header-main.compact:has(.show) #mainmenu .scrollable-content,#header-main.compact:has(.collapsing) #mainmenu .scrollable-content{right:0 !important}#header-main.compact:has(.show) #mainmenu .dropdown-menu,#header-main.compact:has(.collapsing) #mainmenu .dropdown-menu{border:none}#header-main.compact:has(.show) #mainmenu .dropdown-menu>li .dropdown-item,#header-main.compact:has(.collapsing) #mainmenu .dropdown-menu>li .dropdown-item{padding:8px 20px}#header-main.compact:has(.show) #mainmenu .dropdown-menu>li:first-child .dropdown-item,#header-main.compact:has(.collapsing) #mainmenu .dropdown-menu>li:first-child .dropdown-item{padding-top:0}#header-main.compact:has(.show) #personaltools,#header-main.compact:has(.collapsing) #personaltools{height:50px;justify-content:space-between;margin:auto 20px}#header-main.compact:has(.show) #personaltools #colortoggler,#header-main.compact:has(.collapsing) #personaltools #colortoggler{padding-left:0}#header-main.full #mainmenu .dropdown-menu{position:fixed}#header-main.full #personaltools{height:100%}#header-main #navbar-content-wrapper{min-width:0;z-index:1}#header-main #navbar-content-wrapper #navbar-content{min-width:0}#header-main #mainmenu>ul{padding-left:8px;white-space:nowrap}#header-main #mainmenu .nav-item.active .nav-link{color:#4e7bba}#header-main #personaltools #language-dropdown>div.dropdown-toggle>a{height:20px}#header-main #personaltools #language-dropdown>div.dropdown-toggle>a img{vertical-align:baseline}#header-main #personaltools #colortoggler #colortoggle-switch{width:2rem;height:1rem}#personaltools-dropdown .dropdown-item a{text-decoration:none;color:var(--bs-secondary-color)}#form-loginform{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}#form-loginform #field-loginform-user,#form-loginform #field-loginform-password{display:grid;grid-template-columns:1fr 2fr;margin-bottom:.5rem}#form-loginform #input-loginform-login{margin-top:1.5rem;width:200px}#layout:has(#sidebar_left.expanded) #header-logo,#layout:has(#sidebar_left.responsive-expanded:not(.collapsed)) #header-logo{color:#fff}.scrollable-x,.scrollable-y{position:relative;overflow:hidden}.scrollable-content{position:relative}.scrollbar{display:none;position:absolute;background:#dee2e6;border-radius:3px;z-index:1000}.scrollbar .scroll-handle{position:relative;border-radius:3px;background:#4e7bba}.scrollbar-top .scrollbar{top:0}.scrollbar-bottom .scrollbar{bottom:0}.scrollbar-left .scrollbar{left:0}.scrollbar-right .scrollbar{right:0}[data-bs-theme=dark] #content{color:#f8f9fa;background-color:#212529}[data-bs-theme=dark] #navbar-content-wrapper{color:#f8f9fa;background-color:#212529}[data-bs-theme=dark] #sidebar_left{background-color:#343b45}[data-bs-theme=dark] #footer{color:#f8f9fa;background-color:#000}[data-bs-theme=dark] #contextmenu{color:#f8f9fa;background-color:#343a40}[data-bs-theme=dark] tr.selectable.selected td{background-color:#344555}[data-bs-theme=dark] .table-striped>tbody>tr.selectable.selected:nth-child(2n+1)>td{background-color:#485f76}[data-bs-theme=light] #content{color:#212529;background-color:#f8f9fa}[data-bs-theme=light] #navbar-content-wrapper{color:#212529;background-color:#fff}[data-bs-theme=light] #sidebar_left{background-color:#414c5b}[data-bs-theme=light] #footer{color:#212529;background-color:#f8f9fa}[data-bs-theme=light] #contextmenu{color:#212529;background-color:#fff}[data-bs-theme=light] tr.selectable.selected td{background-color:#dfeefb}[data-bs-theme=light] .table-striped>tbody>tr.selectable.selected:nth-child(2n+1)>td{background-color:#cfdce7}#sidebar_left{height:100%;max-height:100%;user-select:none}#sidebar_left>.scrollable-y{margin-top:34px}#sidebar_left ul.list-group,#sidebar_left ul.list-group li{background-color:inherit}#sidebar_left #navtree{max-width:100%}#sidebar_left #navtree .nav-link{z-index:2000;white-space:nowrap}#sidebar_left #navtree .nav-link.active{background-color:rgba(0,0,0,0);font-weight:bold}#sidebar_left #navtree .nav-link i.bi-chevron-right{vertical-align:text-bottom}#sidebar_left #navtree .nav-link span{display:inline-block;width:calc(100% - 40px);text-overflow:ellipsis;overflow-x:hidden;vertical-align:text-bottom}#sidebar_left #sidebar_resize{position:relative;left:100%;width:0;height:0}#sidebar_left #sidebar_resize #sidebar_resizer{position:absolute;z-index:3;height:100vh;width:20px;transform:translateX(-50%);cursor:col-resize}#sidebar_left #sidebar_collapse{position:relative;left:100%;top:100%;width:0;height:0}#sidebar_left #sidebar_collapse .collapse_btn{position:absolute;bottom:0px;border-radius:100%;z-index:20001}#sidebar_left.collapsed{width:0px !important;min-width:0 !important}#sidebar_left.collapsed #sidebar_resize{display:none}#sidebar_left.collapsed #sidebar_collapse .collapse_btn .bi-chevron-left{display:none}#sidebar_left.expanded #sidebar_collapse .collapse_btn .bi-chevron-right{display:none}@media(min-width: 1400px){#sidebar_left:not(.collapsed) #sidebar_collapse .collapse_btn{transform:translateX(-20px)}#sidebar_left:not(.collapsed) #sidebar_collapse .collapse_btn .bi-chevron-right{display:none}}@media(max-width: 1399.98px){#sidebar_left:not(.expanded){width:0 !important;min-width:0 !important}#sidebar_left:not(.expanded) #sidebar_resize{display:none}#sidebar_left:not(.expanded) #sidebar_collapse .collapse_btn .bi-chevron-left{display:none}}@media(min-width: 768px)and (max-width: 1399.98px){#sidebar_left.expanded #sidebar_collapse .collapse_btn{transform:translateX(-20px)}}@media(max-width: 767.98px){#sidebar_left #sidebar_resize{display:none}#sidebar_left.expanded{width:100% !important;z-index:3}#sidebar_left.expanded #sidebar_collapse{left:calc(100% - 50px)}}.table_length,.table_filter{width:unset}#contents>div.card-body div.row>div{flex:1 0 auto;flex-wrap:nowrap}.table-footer{gap:1rem 0}.table-footer .table_info{white-space:nowrap}#main-area:not(:has(#header-main.compact)) .table_length{max-width:max-content}#main-area:not(:has(#header-main.compact)) .table_filter{max-width:300px}