| | |
| | | outline: none!important; |
| | | padding: 0!important; |
| | | } |
| | | .dashboard .qtoggle { |
| | | left: 0; |
| | | bottom: 0; |
| | | } |
| | | .dashboard > header { |
| | | justify-content: flex-end; |
| | | position: fixed; |
| | | } |
| | | .dashboard > header img { |
| | | width: var(--btn); |
| | |
| | | object-fit: cover; |
| | | } |
| | | |
| | | .replace { |
| | | margin: 0 auto 0 var(--btn_) !important; |
| | | .replace.replace { |
| | | grid-column: full; |
| | | padding: 0 var(--btn_) var(--btnbtn); |
| | | max-width: none!important; |
| | | margin: 0!important; |
| | | } |
| | | .replace .dashboard-page { |
| | | max-width: var(--wide); |
| | | } |
| | | .group-display .item-grid { |
| | | grid-template-columns: repeat(2, 1fr); |
| | | } |
| | | /******************************************** |
| | | GRID VIEW |
| | |
| | | .list-view p { |
| | | margin: 0!important; |
| | | } |
| | | .list-view h3 { |
| | | font-size: var(--txt-medium); |
| | | } |
| | | |
| | | @media (min-width: 768px) { |
| | | .grid-view { |
| | |
| | | border-bottom: 1px solid var(--base-200); |
| | | --gap: 0; |
| | | } |
| | | |
| | | .all-filters .row { |
| | | --justify: flex-start; |
| | | } |
| | |
| | | } |
| | | .all-filters summary { |
| | | width: 100%; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | .all-filters summary [data-action="clear-filters"] { |
| | | --w: 1em!important; |
| | | width: max-content; |
| | | font-size: var(--txt-x-small); |
| | | } |
| | | .all-filters [data-action="refresh"] { |
| | | margin-left: auto; |
| | | --w: 1em!important; |
| | | flex-wrap: nowrap; |
| | | justify-content:flex-start; |
| | | transition: var(--trans-size); |
| | | display: flex; |
| | | font-size: var(--txt-x-small); |
| | | } |
| | | .all-filters [data-action="refresh"]:focus, |
| | | .all-filters [data-action="refresh"]:hover { |
| | | width: max-content; |
| | | } |
| | | |
| | | .all-filters [data-action="refresh"] span { |
| | | display: none; |
| | | white-space: nowrap; |
| | | } |
| | | .all-filters [data-action="refresh"]:focus span, |
| | | .all-filters [data-action="refresh"]:hover span { |
| | | display: block; |
| | | } |
| | | .all-filters .btn + label { |
| | | box-shadow: var(--shdw-none); |
| | | color: var(--base-200); |
| | | } |
| | | .all-filters .radio-options input:not(.ch):checked + label { |
| | | box-shadow: rgba(var(--base-rgb),var(--op-6)) var(--shdw-inset); |
| | | color: var(--contrast-200); |
| | | border-color: var(--contrast-200); |
| | | } |
| | | details.uploader + .items-list .all-filters { |
| | | border-top: none; |
| | |
| | | } |
| | | .all-filters .btn + label, |
| | | .all-filters button { |
| | | height: var(--chipchip); |
| | | padding: .5rem!important; |
| | | height: var(--chip_); |
| | | padding: .125rem!important; |
| | | min-width: 0; |
| | | min-height: var(--chipchip); |
| | | width: var(--chipchip); |
| | | min-height: var(--chip_); |
| | | width: var(--chip_); |
| | | } |
| | | .all-filters > .row { |
| | | padding: .25rem 0; |
| | | } |
| | | .all-filters .btn + label:hover, |
| | | .all-filters .btn + label:focus, |
| | |
| | | /*********************************************************** |
| | | TABLE FIELDS |
| | | ***********************************************************/ |
| | | .crud form.table td .label, |
| | | .crud form.table td label:not(.select-item-label):not(.radio-option) { |
| | | display: none; |
| | | } |
| | | form.table textarea { |
| | | width: 250px; |
| | | padding: .5rem; |
| | |
| | | dialog.edit[open], |
| | | dialog.bulk-edit[open], |
| | | dialog.create[open] { |
| | | height: 85vh; |
| | | top: 5vh; |
| | | height:98vh; |
| | | width: 98vw; |
| | | max-width: none; |
| | | max-height: none; |
| | | inset: 0; |
| | | margin: auto; |
| | | } |
| | | dialog > .wrap { |
| | | min-height: 100%; |
| | | } |
| | | dialog .item.upload.upload { |
| | | display: flex; |
| | | gap: 1rem; |
| | | } |
| | | dialog .item.upload .preview { |
| | | width: 40%; |
| | | } |
| | | dialog .item.upload .group { |
| | | width: 60%; |
| | | } |
| | | .upload details { |
| | | width: 100%; |
| | | } |
| | | .tab-content h2 { |
| | | display: none; |
| | | } |
| | |
| | | } |
| | | header .title a { |
| | | width: var(--btn); |
| | | } |
| | | |
| | | .dashboard #queue{ |
| | | bottom:0; |
| | | } |