From 73907672d41b7ac6d85519a7d1cef08c8a8284fd Mon Sep 17 00:00:00 2001 From: mutantsan Date: Mon, 29 Apr 2024 15:36:43 +0300 Subject: [PATCH] style: fix table layout --- ckanext/ap_main/assets/css/admin_panel.css | 2 +- ckanext/ap_main/theme/elements/table.scss | 5 +++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/ckanext/ap_main/assets/css/admin_panel.css b/ckanext/ap_main/assets/css/admin_panel.css index 8d05e07..078a8b5 100644 --- a/ckanext/ap_main/assets/css/admin_panel.css +++ b/ckanext/ap_main/assets/css/admin_panel.css @@ -1 +1 @@ -:root{--ap-body-bg: white;--ap-border-color: black;--ap-color: black;--ap-color-hover: black;--ap-color-link: #0d6efd;--ap-color-link-hover: #0a58ca;--ap-accordion-arrow: url("data:image/svg+xml,");--ap-nav-item-bg: white;--ap-nav-item-bg-hover: #e9ecef;--switcher-bg-color: black;--switcher-border-color: black;--switcher-color: white;--ap-primary-btn-bg: #206b82;--ap-primary-btn-color: white;--ap-primary-btn-border: #206b82;--ap-modal-close: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")}body[admin-panel-theme=dark]{--ap-body-bg: #18232c;--ap-border-color: white;--ap-color: white;--ap-color-hover: white;--ap-color-link: #1095c1;--ap-color-link-hover: #19b3e6;--ap-accordion-arrow: url("data:image/svg+xml,");--ap-nav-item-bg: #18232c;--ap-nav-item-bg-hover: #2a3d4d;--switcher-bg-color: white;--switcher-border-color: black;--switcher-color: black;--ap-primary-btn-bg: #206b82;--ap-primary-btn-color: white;--ap-primary-btn-border: #206b82;--ap-modal-close: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")}body[admin-panel=true]{background-color:var(--ap-body-bg);color:var(--ap-color)}body[admin-panel=true] #content{padding-top:1rem}body[admin-panel=true] div.main,body[admin-panel=true] div.main #content{background:var(--ap-body-bg)}body[admin-panel=true] a{color:var(--ap-color-link)}body[admin-panel=true] a:hover,body[admin-panel=true] a:focus,body[admin-panel=true] a:active{color:var(--ap-color-link-hover)}.masthead{position:relative}.masthead .container .debug{position:absolute}body.filters-modal #admin-panel{z-index:0}#admin-panel{background:var(--ap-body-bg);border:1px solid var(--ap-border-color);color:var(--ap-color);position:sticky;z-index:999;top:0;width:100%}#admin-panel .navbar{background:var(--ap-body-bg)}#admin-panel .navbar .navbar-brand{color:var(--ap-color);margin-right:0}#admin-panel .navbar .navbar-brand svg{transform:scale(0.9)}#admin-panel .navbar .navbar-brand svg #svg_1{fill:var(--ap-color)}#admin-panel .navbar .nav-item{display:flex}#admin-panel .navbar .nav-item .nav-link{padding:10px;color:var(--ap-color);display:flex;gap:5px;align-items:center}#admin-panel .navbar .nav-item .nav-link i{width:15px}#admin-panel .navbar .nav-item .dropdown-menu.show{border:1px solid var(--ap-border-color);background:var(--ap-body-bg);border-radius:0;padding:0;left:-1px}#admin-panel .navbar .nav-item .dropdown-menu.show .dropdown-item{color:var(--ap-color);background:var(--ap-nav-item-bg)}#admin-panel .navbar .nav-item .dropdown-menu.show .dropdown-item.with-subitems:after{content:"";display:inline-block;margin-left:.255em;vertical-align:.255em;border-top:.3em solid;border-right:.3em solid rgba(0,0,0,0);border-bottom:0;border-left:.3em solid rgba(0,0,0,0)}#admin-panel .navbar .nav-item .dropdown-menu.show .dropdown-item:hover,#admin-panel .navbar .nav-item .dropdown-menu.show .dropdown-item:focus,#admin-panel .navbar .nav-item .dropdown-menu.show .dropdown-item:active{background:var(--ap-nav-item-bg-hover)}#admin-panel .navbar .nav-item:not(.dropdown):hover{background:var(--ap-nav-item-bg-hover)}#admin-panel .navbar .nav-item.active{background-color:var(--ap-nav-item-bg-hover)}#admin-panel .navbar .nav-item.dropdown .dropdown-toggle:after{margin-left:0;vertical-align:.155em}#admin-panel .navbar .nav-item.dropdown .nav-link.main-link:hover,#admin-panel .navbar .nav-item.dropdown .nav-link.dropdown-toggle:hover{background:var(--ap-nav-item-bg-hover);color:var(--ap-color-hover)}#admin-panel input[type=search],#admin-panel .btn.btn-outline-success{border:1px solid var(--ap-border-color);border-radius:0;color:var(--ap-color)}#admin-panel input[type=search]{background:var(--ap-body-bg);color:var(--ap-color)}#admin-panel input[type=search]::placeholder{color:#999}#admin-panel input[type=search]:focus,#admin-panel input[type=search]:active{background:var(--ap-nav-item-bg-hover)}#admin-panel .btn-search{color:var(--ap-color)}#admin-panel .btn-search:before{color:var(--ap-color)}#admin-panel .ap-theme-switcher{margin-inline-start:12px}#admin-panel .btn.btn-outline-success:hover{color:#fff}#admin-panel .navbar-toggler{border:1px solid var(--ap-border-color);border-radius:0;color:var(--ap-color);z-index:1}@media(max-width: 992px){#admin-panel .navbar .nav-item{flex-wrap:wrap}#admin-panel .navbar .nav-item ul.dropdown-menu{flex-basis:100%;-webkit-box-shadow:3px 3px 0px 0px rgba(0,0,0,.75);-moz-box-shadow:3px 3px 0px 0px rgba(0,0,0,.75);box-shadow:3px 3px 0px 0px rgba(0,0,0,.75)}#admin-panel .navbar .nav-item ul.dropdown-menu .submenu.dropdown-menu.show{margin:.5rem .7rem}#admin-panel .ap-theme-switcher{width:100%;margin:8px 0 0 0}}@media(min-width: 992px){#admin-panel .navbar{padding:0}#admin-panel .navbar .nav-item{padding:0}#admin-panel .navbar .navbar-brand{padding:0 10px 0 0}#admin-panel .navbar .navbar-nav{margin-top:-1px}#admin-panel .navbar .nav-item{border:1px solid var(--ap-border-color);margin:0 0 -1px -1px}#admin-panel .dropdown-menu li{position:relative}#admin-panel .nav-item .submenu{display:none;position:absolute;left:100%;top:-1px;border:1px solid var(--ap-border-color);border-radius:0;padding:0}#admin-panel .nav-item .submenu-left{right:100%;left:auto}#admin-panel .dropdown-menu>li:hover{background-color:#f1f1f1}#admin-panel .dropdown-menu>li:hover>.submenu{display:block}}body[admin-panel=true] .sort-trigger,#admin-panel .sort-trigger{color:var(--ap-color)}body[admin-panel=true] .btn,body[admin-panel=true] a.btn,#admin-panel .btn,#admin-panel a.btn{border-radius:0;box-shadow:none;display:inline-block;font-weight:normal;padding:6px 12px;border:1px solid var(--ap-primary-btn-border);color:var(--ap-color)}body[admin-panel=true] .btn.btn-primary,body[admin-panel=true] a.btn.btn-primary,#admin-panel .btn.btn-primary,#admin-panel a.btn.btn-primary{border:1px solid var(--ap-primary-btn-border);background:var(--ap-primary-btn-bg);color:var(--ap-primary-btn-color)}body[admin-panel=true] .btn.btn-primary:hover,body[admin-panel=true] .btn.btn-primary:active,body[admin-panel=true] .btn.btn-primary:focus,body[admin-panel=true] a.btn.btn-primary:hover,body[admin-panel=true] a.btn.btn-primary:active,body[admin-panel=true] a.btn.btn-primary:focus,#admin-panel .btn.btn-primary:hover,#admin-panel .btn.btn-primary:active,#admin-panel .btn.btn-primary:focus,#admin-panel a.btn.btn-primary:hover,#admin-panel a.btn.btn-primary:active,#admin-panel a.btn.btn-primary:focus{color:var(--ap-color-hover);background-color:var(--ap-nav-item-bg-hover)}body[admin-panel=true] .btn.btn-black,body[admin-panel=true] a.btn.btn-black,#admin-panel .btn.btn-black,#admin-panel a.btn.btn-black{border:1px solid var(--ap-border-color);background:var(--ap-body-bg);color:var(--ap-color)}body[admin-panel=true] .btn.btn-black:hover,body[admin-panel=true] .btn.btn-black:active,body[admin-panel=true] .btn.btn-black:focus,body[admin-panel=true] a.btn.btn-black:hover,body[admin-panel=true] a.btn.btn-black:active,body[admin-panel=true] a.btn.btn-black:focus,#admin-panel .btn.btn-black:hover,#admin-panel .btn.btn-black:active,#admin-panel .btn.btn-black:focus,#admin-panel a.btn.btn-black:hover,#admin-panel a.btn.btn-black:active,#admin-panel a.btn.btn-black:focus{color:var(--ap-color-hover);background-color:var(--ap-nav-item-bg-hover)}body[admin-panel=true] .btn.btn-danger,body[admin-panel=true] a.btn.btn-danger,#admin-panel .btn.btn-danger,#admin-panel a.btn.btn-danger{color:#fff;background-color:#d43f3a;border-color:#d43f3a}body[admin-panel=true] .btn.btn-remove-url,body[admin-panel=true] a.btn.btn-remove-url,#admin-panel .btn.btn-remove-url,#admin-panel a.btn.btn-remove-url{right:0;top:0;height:100%;border-radius:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;display:flex}body[admin-panel=true] .btn.btn-success,body[admin-panel=true] a.btn.btn-success,#admin-panel .btn.btn-success,#admin-panel a.btn.btn-success{background-color:#3a833a;border-color:#3a833a;color:var(--ap-primary-btn-color)}body[admin-panel=true] .btn i,body[admin-panel=true] a.btn i,#admin-panel .btn i,#admin-panel a.btn i{margin-left:0}.ap-theme-switcher{width:auto;padding:.7rem;line-height:1;border:2px solid var(--ap-border-color);background-color:var(--switcher-bg-color);color:var(--switcher-color)}.ap-theme-switcher:after{display:inline-block;width:.875rem;height:.875rem;border:.15rem solid currentColor;border-radius:50%;background:linear-gradient(to right, currentColor 0, currentColor 50%, transparent 50%);content:"";vertical-align:bottom}.ap-theme-switcher:hover{border-color:var(--ap-nav-item-bg-hover);background:var(--ap-nav-item-bg-hover)}.ap-theme-switcher:hover:after{color:var(--ap-color)}body[admin-panel=true] .flash-messages .alert{border:1px solid var(--ap-border-color);border-radius:0}body[admin-panel=true] div.list-group .list-group-item{border:1px solid var(--ap-border-color);background:var(--ap-body-bg);color:var(--ap-color);border-radius:0;margin-bottom:.5rem}body[admin-panel=true] div.list-group .list-group-item.list-group-item--description{color:var(--ap-color)}body[admin-panel=true] div.list-group .list-group-item:last-of-type{margin-bottom:0}body[admin-panel=true] .accordion{border:1px solid var(--ap-border-color)}body[admin-panel=true] .accordion .accordion-item{background:var(--ap-body-bg)}body[admin-panel=true] .accordion .accordion-item .accordion-header .accordion-button{border:1px solid var(--ap-border-color);background:rgba(0,0,0,0);color:var(--ap-color)}body[admin-panel=true] .accordion .accordion-item .accordion-header .accordion-button:after{background-image:var(--ap-accordion-arrow) !important}body[admin-panel=true] .accordion .accordion-item .accordion-header .accordion-button,body[admin-panel=true] .accordion .accordion-item .accordion-header .accordion-button.collapsed{border-radius:0 !important}body[admin-panel=true] .accordion .accordion-item .accordion-header,body[admin-panel=true] .accordion .accordion-item .accordion-body{padding:.5rem}body[admin-panel=true] .modal .modal-content{color:var(--ap-color);background-color:var(--ap-body-bg);border:1px solid var(--ap-border-color)}body[admin-panel=true] .modal .modal-content .btn-close{background-image:var(--ap-modal-close)}body[admin-panel=true] .toolbar .breadcrumb .home{padding-left:0}body[admin-panel=true] .toolbar .breadcrumb li:before,body[admin-panel=true] .toolbar .breadcrumb li a{color:var(--ap-color)}.table.collection-table{color:var(--ap-color)}.table.collection-table .collection-table--header .collection-table--cell{font-weight:bold}.table.collection-table .collection-table--header .collection-table--cell.collection-table--cell-sortable .sort-trigger{border:none;background:none;font-weight:bold;display:flex;gap:.5rem;width:100%;justify-content:space-between}.table.collection-table .collection-table--header .collection-table--cell.collection-table--cell-sortable .sort-trigger:after{font-family:FontAwesome;content:""}.table.collection-table .collection-table--header .collection-table--cell.collection-table--cell-sortable--primary-order .sort-trigger:after{content:""}.table.collection-table .collection-table--header .collection-table--cell.collection-table--cell-sortable--secondary-order .sort-trigger:after{content:""}.table.table-scrollable{table-layout:fixed}.table.table-scrollable td{word-break:break-word}@media(max-width: 768px){.table.table-scrollable{display:block;overflow-x:auto;white-space:nowrap}}.table.table-sortable tbody{border-top:unset}.table.table-sortable tbody th.th-sortable{padding:0}.table.table-sortable tbody th.th-sortable a{padding:.5rem;color:#000;display:block;text-decoration:unset;position:relative;display:flex;align-items:center;justify-content:space-between}.table.table-sortable tbody th.th-sortable a .table-sort{display:block;height:1rem;width:1rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%}.table.table-sortable tbody th.th-sortable:hover{border-bottom:1px solid var(--ap-color)}.table.table-sortable tbody th.th-active{border-bottom:1px solid var(--ap-color-link)}.table.table-sortable tbody th.th-active a{color:#003ecc}.table.table-sortable tbody th.th-active a .table-sort.table-sort--desc{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M4.25.75v7.938l-2.469-2.47L.72 7.282 5 11.561l4.281-4.28L8.22 6.22 5.75 8.687V.75h-1.5z' fill='%23003ecc'/%3e%3c/svg%3e")}.table.table-sortable tbody th.th-active a .table-sort.table-sort--asc{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M5 .44L.719 4.718 1.78 5.78 4.25 3.313v7.937h1.5V3.312l2.469 2.47L9.28 4.718 5 .439z' fill='%23003ecc'/%3e%3c/svg%3e")}.table.table-sortable tbody th.th-active:hover{border-bottom:1px solid var(--ap-color-link)}.table.table-sortable .checkbox-cell input{height:auto}.table.table-sortable .checkbox-cell .form-group{margin:0}.ap-collection--form{display:flex;flex-direction:column;gap:1rem}@media(min-width: 768px){.ap-collection--form{flex-direction:row;align-items:end;gap:.5rem}}.ap-collection--form select{appearance:auto}.ap-collection--form select[multiple]{height:auto}.ap-table-filter{display:flex;flex-direction:column;gap:16px}.ap-table-filter input[type=checkbox]{height:auto}.ap-table-filter select{appearance:auto}.ap-table-filter select[multiple]{height:auto}.ap-table-filter select[multiple] option[selected]{background-color:#19b3e6}.ap-table-filter select#bulk-action{max-width:500px}.ap-table-filter .form-field:nth-child(1){flex-basis:20%}.ap-table-filter .form-field:nth-child(2){flex-basis:20%}.ap-table-filter .form-field:nth-child(3){flex-basis:20%}.ap-table-filter .form-field .form-group{margin:0}.ap-table-filter .form-buttons{flex-basis:5%;display:flex;gap:4px}.ap-table-filter .form-buttons .btn{height:fit-content;height:40px;display:flex;align-items:center}.ap-table-filter .controls{position:relative}.ap-table-filter .controls .btn-search{position:absolute;top:0;right:1px;background:unset;border:none;height:40px;width:40px}@media(min-width: 768px){.ap-table-filter{flex-direction:row;align-items:end;gap:8px}}body[admin-panel=true] input,#admin-panel input{height:40px}body[admin-panel=true] input[type=checkbox],#admin-panel input[type=checkbox]{height:auto}body[admin-panel=true] select,#admin-panel select{height:40px}body[admin-panel=true] #bulk-action,#admin-panel #bulk-action{appearance:auto}@media(min-width: 768px){body[admin-panel=true] #bulk-action,#admin-panel #bulk-action{max-width:600px}}body[admin-panel=true] .form-group .info-block,#admin-panel .form-group .info-block{color:var(--ap-color)}#ap-notification-toast{display:block;min-width:350px;border-radius:4px;position:fixed;z-index:1000;right:64px;top:10px;padding:16px 24px 16px 24px;background-color:#e1f0d8;border:1px solid #d8e9c7;color:#45753e;font-size:16px}#ap-notification-toast .fa{margin-inline-end:8px}#ap-notification-toast.alert-error{border:1px solid var(--ap-border-color)}#ap-notification-toast.alert-success{border:1px solid var(--ap-border-color)}.badge.badge-day-passed{color:#fff}.badge.badge-priority-urgent{background-color:#f2053e}.badge.badge-priority-high{background-color:#f77825}.badge.badge-priority-medium{background-color:#0887da}.badge.badge-priority-low{background-color:#9c9c9d} \ No newline at end of file +:root{--ap-body-bg: white;--ap-border-color: black;--ap-color: black;--ap-color-hover: black;--ap-color-link: #0d6efd;--ap-color-link-hover: #0a58ca;--ap-accordion-arrow: url("data:image/svg+xml,");--ap-nav-item-bg: white;--ap-nav-item-bg-hover: #e9ecef;--switcher-bg-color: black;--switcher-border-color: black;--switcher-color: white;--ap-primary-btn-bg: #206b82;--ap-primary-btn-color: white;--ap-primary-btn-border: #206b82;--ap-modal-close: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")}body[admin-panel-theme=dark]{--ap-body-bg: #18232c;--ap-border-color: white;--ap-color: white;--ap-color-hover: white;--ap-color-link: #1095c1;--ap-color-link-hover: #19b3e6;--ap-accordion-arrow: url("data:image/svg+xml,");--ap-nav-item-bg: #18232c;--ap-nav-item-bg-hover: #2a3d4d;--switcher-bg-color: white;--switcher-border-color: black;--switcher-color: black;--ap-primary-btn-bg: #206b82;--ap-primary-btn-color: white;--ap-primary-btn-border: #206b82;--ap-modal-close: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")}body[admin-panel=true]{background-color:var(--ap-body-bg);color:var(--ap-color)}body[admin-panel=true] #content{padding-top:1rem}body[admin-panel=true] div.main,body[admin-panel=true] div.main #content{background:var(--ap-body-bg)}body[admin-panel=true] a{color:var(--ap-color-link)}body[admin-panel=true] a:hover,body[admin-panel=true] a:focus,body[admin-panel=true] a:active{color:var(--ap-color-link-hover)}.masthead{position:relative}.masthead .container .debug{position:absolute}body.filters-modal #admin-panel{z-index:0}#admin-panel{background:var(--ap-body-bg);border:1px solid var(--ap-border-color);color:var(--ap-color);position:sticky;z-index:999;top:0;width:100%}#admin-panel .navbar{background:var(--ap-body-bg)}#admin-panel .navbar .navbar-brand{color:var(--ap-color);margin-right:0}#admin-panel .navbar .navbar-brand svg{transform:scale(0.9)}#admin-panel .navbar .navbar-brand svg #svg_1{fill:var(--ap-color)}#admin-panel .navbar .nav-item{display:flex}#admin-panel .navbar .nav-item .nav-link{padding:10px;color:var(--ap-color);display:flex;gap:5px;align-items:center}#admin-panel .navbar .nav-item .nav-link i{width:15px}#admin-panel .navbar .nav-item .dropdown-menu.show{border:1px solid var(--ap-border-color);background:var(--ap-body-bg);border-radius:0;padding:0;left:-1px}#admin-panel .navbar .nav-item .dropdown-menu.show .dropdown-item{color:var(--ap-color);background:var(--ap-nav-item-bg)}#admin-panel .navbar .nav-item .dropdown-menu.show .dropdown-item.with-subitems:after{content:"";display:inline-block;margin-left:.255em;vertical-align:.255em;border-top:.3em solid;border-right:.3em solid rgba(0,0,0,0);border-bottom:0;border-left:.3em solid rgba(0,0,0,0)}#admin-panel .navbar .nav-item .dropdown-menu.show .dropdown-item:hover,#admin-panel .navbar .nav-item .dropdown-menu.show .dropdown-item:focus,#admin-panel .navbar .nav-item .dropdown-menu.show .dropdown-item:active{background:var(--ap-nav-item-bg-hover)}#admin-panel .navbar .nav-item:not(.dropdown):hover{background:var(--ap-nav-item-bg-hover)}#admin-panel .navbar .nav-item.active{background-color:var(--ap-nav-item-bg-hover)}#admin-panel .navbar .nav-item.dropdown .dropdown-toggle:after{margin-left:0;vertical-align:.155em}#admin-panel .navbar .nav-item.dropdown .nav-link.main-link:hover,#admin-panel .navbar .nav-item.dropdown .nav-link.dropdown-toggle:hover{background:var(--ap-nav-item-bg-hover);color:var(--ap-color-hover)}#admin-panel input[type=search],#admin-panel .btn.btn-outline-success{border:1px solid var(--ap-border-color);border-radius:0;color:var(--ap-color)}#admin-panel input[type=search]{background:var(--ap-body-bg);color:var(--ap-color)}#admin-panel input[type=search]::placeholder{color:#999}#admin-panel input[type=search]:focus,#admin-panel input[type=search]:active{background:var(--ap-nav-item-bg-hover)}#admin-panel .btn-search{color:var(--ap-color)}#admin-panel .btn-search:before{color:var(--ap-color)}#admin-panel .ap-theme-switcher{margin-inline-start:12px}#admin-panel .btn.btn-outline-success:hover{color:#fff}#admin-panel .navbar-toggler{border:1px solid var(--ap-border-color);border-radius:0;color:var(--ap-color);z-index:1}@media(max-width: 992px){#admin-panel .navbar .nav-item{flex-wrap:wrap}#admin-panel .navbar .nav-item ul.dropdown-menu{flex-basis:100%;-webkit-box-shadow:3px 3px 0px 0px rgba(0,0,0,.75);-moz-box-shadow:3px 3px 0px 0px rgba(0,0,0,.75);box-shadow:3px 3px 0px 0px rgba(0,0,0,.75)}#admin-panel .navbar .nav-item ul.dropdown-menu .submenu.dropdown-menu.show{margin:.5rem .7rem}#admin-panel .ap-theme-switcher{width:100%;margin:8px 0 0 0}}@media(min-width: 992px){#admin-panel .navbar{padding:0}#admin-panel .navbar .nav-item{padding:0}#admin-panel .navbar .navbar-brand{padding:0 10px 0 0}#admin-panel .navbar .navbar-nav{margin-top:-1px}#admin-panel .navbar .nav-item{border:1px solid var(--ap-border-color);margin:0 0 -1px -1px}#admin-panel .dropdown-menu li{position:relative}#admin-panel .nav-item .submenu{display:none;position:absolute;left:100%;top:-1px;border:1px solid var(--ap-border-color);border-radius:0;padding:0}#admin-panel .nav-item .submenu-left{right:100%;left:auto}#admin-panel .dropdown-menu>li:hover{background-color:#f1f1f1}#admin-panel .dropdown-menu>li:hover>.submenu{display:block}}body[admin-panel=true] .sort-trigger,#admin-panel .sort-trigger{color:var(--ap-color)}body[admin-panel=true] .btn,body[admin-panel=true] a.btn,#admin-panel .btn,#admin-panel a.btn{border-radius:0;box-shadow:none;display:inline-block;font-weight:normal;padding:6px 12px;border:1px solid var(--ap-primary-btn-border);color:var(--ap-color)}body[admin-panel=true] .btn.btn-primary,body[admin-panel=true] a.btn.btn-primary,#admin-panel .btn.btn-primary,#admin-panel a.btn.btn-primary{border:1px solid var(--ap-primary-btn-border);background:var(--ap-primary-btn-bg);color:var(--ap-primary-btn-color)}body[admin-panel=true] .btn.btn-primary:hover,body[admin-panel=true] .btn.btn-primary:active,body[admin-panel=true] .btn.btn-primary:focus,body[admin-panel=true] a.btn.btn-primary:hover,body[admin-panel=true] a.btn.btn-primary:active,body[admin-panel=true] a.btn.btn-primary:focus,#admin-panel .btn.btn-primary:hover,#admin-panel .btn.btn-primary:active,#admin-panel .btn.btn-primary:focus,#admin-panel a.btn.btn-primary:hover,#admin-panel a.btn.btn-primary:active,#admin-panel a.btn.btn-primary:focus{color:var(--ap-color-hover);background-color:var(--ap-nav-item-bg-hover)}body[admin-panel=true] .btn.btn-black,body[admin-panel=true] a.btn.btn-black,#admin-panel .btn.btn-black,#admin-panel a.btn.btn-black{border:1px solid var(--ap-border-color);background:var(--ap-body-bg);color:var(--ap-color)}body[admin-panel=true] .btn.btn-black:hover,body[admin-panel=true] .btn.btn-black:active,body[admin-panel=true] .btn.btn-black:focus,body[admin-panel=true] a.btn.btn-black:hover,body[admin-panel=true] a.btn.btn-black:active,body[admin-panel=true] a.btn.btn-black:focus,#admin-panel .btn.btn-black:hover,#admin-panel .btn.btn-black:active,#admin-panel .btn.btn-black:focus,#admin-panel a.btn.btn-black:hover,#admin-panel a.btn.btn-black:active,#admin-panel a.btn.btn-black:focus{color:var(--ap-color-hover);background-color:var(--ap-nav-item-bg-hover)}body[admin-panel=true] .btn.btn-danger,body[admin-panel=true] a.btn.btn-danger,#admin-panel .btn.btn-danger,#admin-panel a.btn.btn-danger{color:#fff;background-color:#d43f3a;border-color:#d43f3a}body[admin-panel=true] .btn.btn-remove-url,body[admin-panel=true] a.btn.btn-remove-url,#admin-panel .btn.btn-remove-url,#admin-panel a.btn.btn-remove-url{right:0;top:0;height:100%;border-radius:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;display:flex}body[admin-panel=true] .btn.btn-success,body[admin-panel=true] a.btn.btn-success,#admin-panel .btn.btn-success,#admin-panel a.btn.btn-success{background-color:#3a833a;border-color:#3a833a;color:var(--ap-primary-btn-color)}body[admin-panel=true] .btn i,body[admin-panel=true] a.btn i,#admin-panel .btn i,#admin-panel a.btn i{margin-left:0}.ap-theme-switcher{width:auto;padding:.7rem;line-height:1;border:2px solid var(--ap-border-color);background-color:var(--switcher-bg-color);color:var(--switcher-color)}.ap-theme-switcher:after{display:inline-block;width:.875rem;height:.875rem;border:.15rem solid currentColor;border-radius:50%;background:linear-gradient(to right, currentColor 0, currentColor 50%, transparent 50%);content:"";vertical-align:bottom}.ap-theme-switcher:hover{border-color:var(--ap-nav-item-bg-hover);background:var(--ap-nav-item-bg-hover)}.ap-theme-switcher:hover:after{color:var(--ap-color)}body[admin-panel=true] .flash-messages .alert{border:1px solid var(--ap-border-color);border-radius:0}body[admin-panel=true] div.list-group .list-group-item{border:1px solid var(--ap-border-color);background:var(--ap-body-bg);color:var(--ap-color);border-radius:0;margin-bottom:.5rem}body[admin-panel=true] div.list-group .list-group-item.list-group-item--description{color:var(--ap-color)}body[admin-panel=true] div.list-group .list-group-item:last-of-type{margin-bottom:0}body[admin-panel=true] .accordion{border:1px solid var(--ap-border-color)}body[admin-panel=true] .accordion .accordion-item{background:var(--ap-body-bg)}body[admin-panel=true] .accordion .accordion-item .accordion-header .accordion-button{border:1px solid var(--ap-border-color);background:rgba(0,0,0,0);color:var(--ap-color)}body[admin-panel=true] .accordion .accordion-item .accordion-header .accordion-button:after{background-image:var(--ap-accordion-arrow) !important}body[admin-panel=true] .accordion .accordion-item .accordion-header .accordion-button,body[admin-panel=true] .accordion .accordion-item .accordion-header .accordion-button.collapsed{border-radius:0 !important}body[admin-panel=true] .accordion .accordion-item .accordion-header,body[admin-panel=true] .accordion .accordion-item .accordion-body{padding:.5rem}body[admin-panel=true] .modal .modal-content{color:var(--ap-color);background-color:var(--ap-body-bg);border:1px solid var(--ap-border-color)}body[admin-panel=true] .modal .modal-content .btn-close{background-image:var(--ap-modal-close)}body[admin-panel=true] .toolbar .breadcrumb .home{padding-left:0}body[admin-panel=true] .toolbar .breadcrumb li:before,body[admin-panel=true] .toolbar .breadcrumb li a{color:var(--ap-color)}.table.collection-table{color:var(--ap-color);table-layout:fixed}.table.collection-table .collection-table--header .collection-table--cell{font-weight:bold}.table.collection-table .collection-table--header .collection-table--cell.collection-table--cell-sortable .sort-trigger{border:none;background:none;font-weight:bold;display:flex;gap:.5rem;width:100%;justify-content:space-between}.table.collection-table .collection-table--header .collection-table--cell.collection-table--cell-sortable .sort-trigger:after{font-family:FontAwesome;content:""}.table.collection-table .collection-table--header .collection-table--cell.collection-table--cell-sortable--primary-order .sort-trigger:after{content:""}.table.collection-table .collection-table--header .collection-table--cell.collection-table--cell-sortable--secondary-order .sort-trigger:after{content:""}@media(max-width: 992px){.table.collection-table{table-layout:unset}}.table.table-scrollable{table-layout:fixed}.table.table-scrollable td{word-break:break-word}@media(max-width: 768px){.table.table-scrollable{display:block;overflow-x:auto;white-space:nowrap}}.table.table-sortable tbody{border-top:unset}.table.table-sortable tbody th.th-sortable{padding:0}.table.table-sortable tbody th.th-sortable a{padding:.5rem;color:#000;display:block;text-decoration:unset;position:relative;display:flex;align-items:center;justify-content:space-between}.table.table-sortable tbody th.th-sortable a .table-sort{display:block;height:1rem;width:1rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%}.table.table-sortable tbody th.th-sortable:hover{border-bottom:1px solid var(--ap-color)}.table.table-sortable tbody th.th-active{border-bottom:1px solid var(--ap-color-link)}.table.table-sortable tbody th.th-active a{color:#003ecc}.table.table-sortable tbody th.th-active a .table-sort.table-sort--desc{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M4.25.75v7.938l-2.469-2.47L.72 7.282 5 11.561l4.281-4.28L8.22 6.22 5.75 8.687V.75h-1.5z' fill='%23003ecc'/%3e%3c/svg%3e")}.table.table-sortable tbody th.th-active a .table-sort.table-sort--asc{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 10 12'%3e%3cpath d='M5 .44L.719 4.718 1.78 5.78 4.25 3.313v7.937h1.5V3.312l2.469 2.47L9.28 4.718 5 .439z' fill='%23003ecc'/%3e%3c/svg%3e")}.table.table-sortable tbody th.th-active:hover{border-bottom:1px solid var(--ap-color-link)}.table.table-sortable .checkbox-cell input{height:auto}.table.table-sortable .checkbox-cell .form-group{margin:0}.ap-collection--form{display:flex;flex-direction:column;gap:1rem}@media(min-width: 768px){.ap-collection--form{flex-direction:row;align-items:end;gap:.5rem}}.ap-collection--form select{appearance:auto}.ap-collection--form select[multiple]{height:auto}.ap-table-filter{display:flex;flex-direction:column;gap:16px}.ap-table-filter input[type=checkbox]{height:auto}.ap-table-filter select{appearance:auto}.ap-table-filter select[multiple]{height:auto}.ap-table-filter select[multiple] option[selected]{background-color:#19b3e6}.ap-table-filter select#bulk-action{max-width:500px}.ap-table-filter .form-field:nth-child(1){flex-basis:20%}.ap-table-filter .form-field:nth-child(2){flex-basis:20%}.ap-table-filter .form-field:nth-child(3){flex-basis:20%}.ap-table-filter .form-field .form-group{margin:0}.ap-table-filter .form-buttons{flex-basis:5%;display:flex;gap:4px}.ap-table-filter .form-buttons .btn{height:fit-content;height:40px;display:flex;align-items:center}.ap-table-filter .controls{position:relative}.ap-table-filter .controls .btn-search{position:absolute;top:0;right:1px;background:unset;border:none;height:40px;width:40px}@media(min-width: 768px){.ap-table-filter{flex-direction:row;align-items:end;gap:8px}}body[admin-panel=true] input,#admin-panel input{height:40px}body[admin-panel=true] input[type=checkbox],#admin-panel input[type=checkbox]{height:auto}body[admin-panel=true] select,#admin-panel select{height:40px}body[admin-panel=true] #bulk-action,#admin-panel #bulk-action{appearance:auto}@media(min-width: 768px){body[admin-panel=true] #bulk-action,#admin-panel #bulk-action{max-width:600px}}body[admin-panel=true] .form-group .info-block,#admin-panel .form-group .info-block{color:var(--ap-color)}#ap-notification-toast{display:block;min-width:350px;border-radius:4px;position:fixed;z-index:1000;right:64px;top:10px;padding:16px 24px 16px 24px;background-color:#e1f0d8;border:1px solid #d8e9c7;color:#45753e;font-size:16px}#ap-notification-toast .fa{margin-inline-end:8px}#ap-notification-toast.alert-error{border:1px solid var(--ap-border-color)}#ap-notification-toast.alert-success{border:1px solid var(--ap-border-color)}.badge.badge-day-passed{color:#fff}.badge.badge-priority-urgent{background-color:#f2053e}.badge.badge-priority-high{background-color:#f77825}.badge.badge-priority-medium{background-color:#0887da}.badge.badge-priority-low{background-color:#9c9c9d} \ No newline at end of file diff --git a/ckanext/ap_main/theme/elements/table.scss b/ckanext/ap_main/theme/elements/table.scss index 27941c8..882b6ea 100644 --- a/ckanext/ap_main/theme/elements/table.scss +++ b/ckanext/ap_main/theme/elements/table.scss @@ -1,6 +1,7 @@ // ckanext-collection ///////////////////////////////////////////////////////// .table.collection-table { color: var(--ap-color); + table-layout: fixed; .collection-table--header .collection-table--cell { font-weight: bold; @@ -34,6 +35,10 @@ } } } + + @media (max-width: $screen-md-min) { + table-layout: unset; + } } // original styles ////////////////////////////////////////////////////////////