| | |
|---|
| | | .selector .auto-wrapper { |
|---|
| | | flex: 1; |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** STATUS **/ |
|---|
| | | .fstatus { |
|---|
| | | z-index: var(--z-5); |
|---|
| | | background-color: rgba(var(--base-rgb), var(--op-6)); |
|---|
| | | border-radius: var(--radius); |
|---|
| | | padding: 0 .5rem; |
|---|
| | | position: fixed; |
|---|
| | | right: .5rem; |
|---|
| | | top: var(--btnbtn); |
|---|
| | | --w: 1em; |
|---|
| | | box-shadow: rgba(var(--base-rgb),var(--op-6)) var(--shdw); |
|---|
| | | --wrap: nowrap; |
|---|
| | | --gap: 1rem; |
|---|
| | | } |
|---|
| | | .fstatus .spinner { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | .fstatus.loading .spinner { |
|---|
| | | display: inline-block; |
|---|
| | | } |
|---|
| | | .fstatus p { |
|---|
| | | margin: 0; |
|---|
| | | padding: .25rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | /** RESTORE UPLOADS **/ |
|---|
| | | .restore-uploads .item-grid.group .field.group, |
|---|
| | | .restore-uploads .upload-group .selection-actions { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | .upload-group .item-grid.group { |
|---|
| | | grid-template-columns: repeat(2, 1fr); |
|---|
| | | } |
|---|
| | | .restore-uploads .item-grid.group { |
|---|
| | | grid-template-columns: repeat(3, 1fr); |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | fieldset { |
|---|
| | | width: 100%; |
|---|
| | | border-color: var(--base-200); |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** RESTORE FORM **/ |
|---|
| | | .restore-form.restore-form[hidden] { |
|---|
| | | display: block!important; |
|---|
| | | position: fixed; |
|---|
| | | bottom: var(--offScreen); |
|---|
| | | right: var(--btnbtn); |
|---|
| | | transition: bottom var(--trans-base); |
|---|
| | | transition-duration: 2s; |
|---|
| | | } |
|---|
| | | .restore-form.restore-form:not([hidden]) { |
|---|
| | | width: 50vw; |
|---|
| | | padding: 1rem; |
|---|
| | | z-index: var(--z-7); |
|---|
| | | background-color: rgba(var(--base-rgb), var(--op-6)); |
|---|
| | | border-radius: var(--radius); |
|---|
| | | box-shadow: rgba(var(--action-rgb), var(--op-6)) var(--shdw); |
|---|
| | | position: fixed; |
|---|
| | | right: var(--btnbtn); |
|---|
| | | bottom: 0; |
|---|
| | | transition: bottom var(--trans-base); |
|---|
| | | } |
|---|
| | | .restore-form h3 { |
|---|
| | | font-size: var(--txt-medium); |
|---|
| | | } |
|---|
| | | body:has(nav.fixed.bottom) .restore-form.restore-form:not([hidden]) { |
|---|
| | | bottom: var(--btn); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .restore-form .actions { |
|---|
| | | display: flex; |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | .restore-form .actions button { |
|---|
| | | min-height: var(--chip); |
|---|
| | | font-size: var(--txt-x-small); |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
