nextcloud-server-mirror/dist/files-FilesList-5SRl2xN6.chunk.css

.files-list__breadcrumbs[data-v-4ea058bd]{flex:1 1 100%!important;width:100%;height:100%;margin:0;min-width:0}.files-list__breadcrumbs[data-v-4ea058bd] a{cursor:pointer!important}.files-list__breadcrumbs--with-progress[data-v-4ea058bd]{flex-direction:column!important;align-items:flex-start!important}.files-list__drag-drop-notice[data-v-ea03858f]{display:flex;align-items:center;justify-content:center;width:100%;min-height:102px;margin:0;-webkit-user-select:none;user-select:none;color:var(--color-text-maxcontrast);background-color:var(--color-main-background);border-color:#000}.files-list__drag-drop-notice h3[data-v-ea03858f]{margin-inline-start:16px;color:inherit}.files-list__drag-drop-notice-wrapper[data-v-ea03858f]{display:flex;align-items:center;justify-content:center;height:15vh;max-height:70%;padding:0 5vw;border:2px var(--color-border-dark) dashed;border-radius:var(--border-radius-large)}._fileListFilters_qx5ok_2{display:flex;flex-direction:row;gap:var(--default-grid-baseline);margin-inline-end:var(--default-grid-baseline);height:100%;width:100%}._fileListFilters__popoverFilterView_qx5ok_11{box-sizing:border-box;display:flex;flex-direction:column;gap:calc(2 * var(--default-grid-baseline));padding:calc(var(--default-grid-baseline) / 2);min-width:calc(7 * var(--default-clickable-area))}._fileListFilters__popoverContainer_qx5ok_20{box-sizing:border-box;padding:calc(var(--default-grid-baseline) / 2);min-width:calc(7 * var(--default-clickable-area))}._fileListFilters__filter_qx5ok_26{display:flex;align-items:start;justify-content:start;gap:calc(var(--default-grid-baseline, 4px) * 2);>*{flex:0 1 fit-content}}._fileListFilters__active_qx5ok_37{display:flex;flex-direction:row;gap:calc(var(--default-grid-baseline, 4px) * 2)}main.app-content[style*=mouse-pos-x] .v-popper__popper{transform:translate3d(var(--mouse-pos-x),var(--mouse-pos-y),0)!important}main.app-content[style*=mouse-pos-x] .v-popper__popper[data-popper-placement=top]{transform:translate3d(var(--mouse-pos-x),calc(var(--mouse-pos-y) - 50vh + 34px),0)!important}main.app-content[style*=mouse-pos-x] .v-popper__popper .v-popper__arrow-container{display:none}.files-list__row-action[data-v-f3a5d76f]{--max-icon-size: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline))}.files-list__row-action.files-list__row-action--inline[data-v-f3a5d76f]{--max-icon-size: var(--default-clickable-area)}.files-list__row-action .files-list__row-action-icon[data-v-f3a5d76f] svg{max-height:var(--max-icon-size)!important;max-width:var(--max-icon-size)!important}.files-list__row-action.files-list__row-action--destructive[data-v-f3a5d76f] ::deep(button){color:var(--color-text-error)!important}button.files-list__row-name-link[data-v-856e39fd]{background-color:unset;border:none;font-weight:400}button.files-list__row-name-link[data-v-856e39fd]:active{background-color:unset!important}.favorite-marker-icon[data-v-ac7891d3]{color:var(--color-favorite);min-width:unset!important;min-height:unset!important}.favorite-marker-icon[data-v-ac7891d3] svg{width:20px!important;height:20px!important;max-width:unset!important;max-height:unset!important}.favorite-marker-icon[data-v-ac7891d3] svg path{stroke:var(--color-main-background);stroke-width:8px;stroke-linejoin:round;paint-order:stroke}.recently-created-marker-icon[data-v-6f999497]{color:var(--color-element-success);min-width:unset!important;min-height:unset!important}.recently-created-marker-icon[data-v-6f999497] svg{width:20px!important;height:20px!important;max-width:unset!important;max-height:unset!important}.recently-created-marker-icon[data-v-6f999497] svg path{stroke:var(--color-main-background);stroke-width:8px;stroke-linejoin:round;paint-order:stroke}.files-list-drag-image{position:absolute;top:-9999px;inset-inline-start:-9999px;display:flex;overflow:hidden;align-items:center;height:34px;padding:6px 12px;background:var(--color-main-background)}.files-list-drag-image__icon,.files-list-drag-image .files-list__row-icon-preview-container{display:flex;overflow:hidden;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--border-radius)}.files-list-drag-image__icon{overflow:visible;margin-inline-end:12px}.files-list-drag-image__icon img{max-width:100%;max-height:100%}.files-list-drag-image__icon .material-design-icon{color:var(--color-text-maxcontrast)}.files-list-drag-image__icon .material-design-icon.folder-icon{color:var(--color-primary-element)}.files-list-drag-image__icon>span{display:flex}.files-list-drag-image__icon>span>.files-list__row-icon-preview-container+.files-list__row-icon-preview-container{margin-top:6px;margin-inline-start:-16px}.files-list-drag-image__icon>span>.files-list__row-icon-preview-container+.files-list__row-icon-preview-container+.files-list__row-icon-preview-container{margin-top:12px}.files-list-drag-image__icon>span:not(:empty)+*{display:none}.files-list-drag-image__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._fileListFilterChips_qelmm_2{display:flex;gap:var(--default-grid-baseline)}tr[data-v-6817e3fc]{margin-bottom:var(--body-container-margin);border-top:1px solid var(--color-border);background-color:transparent!important;border-bottom:none!important}tr td[data-v-6817e3fc]{-webkit-user-select:none;user-select:none;color:var(--color-text-maxcontrast)!important}.files-list__row-actions-batch[data-v-15ebb763]{flex:1 1 100%!important;max-width:100%}.files-list__column-sort-button[data-v-1f8a7bc2]{margin:0 calc(var(--button-padding, var(--cell-margin)) * -1);min-width:calc(100% - 3 * var(--cell-margin))!important}.files-list__column-sort-button-text[data-v-1f8a7bc2]{color:var(--color-text-maxcontrast);font-weight:400}.files-list__column-sort-button-icon[data-v-1f8a7bc2]{color:var(--color-text-maxcontrast);opacity:0;transition:opacity var(--animation-quick);inset-inline-start:-10px}.files-list__column-sort-button--size .files-list__column-sort-button-icon[data-v-1f8a7bc2]{inset-inline-start:10px}.files-list__column-sort-button--active .files-list__column-sort-button-icon[data-v-1f8a7bc2],.files-list__column-sort-button:hover .files-list__column-sort-button-icon[data-v-1f8a7bc2],.files-list__column-sort-button:focus .files-list__column-sort-button-icon[data-v-1f8a7bc2],.files-list__column-sort-button:active .files-list__column-sort-button-icon[data-v-1f8a7bc2]{opacity:1}.files-list__column[data-v-8b9ca0b5]{-webkit-user-select:none;user-select:none;color:var(--color-text-maxcontrast)!important}.files-list__column--sortable[data-v-8b9ca0b5]{cursor:pointer}.files-list__selected[data-v-8b9ca0b5]{padding-inline-end:12px;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;color:var(--color-main-text)}.files-list[data-v-3df738b3]{--row-height: 44px;--cell-margin: 14px;--checkbox-padding: calc((var(--row-height) - var(--checkbox-size)) / 2);--checkbox-size: 24px;--clickable-area: var(--default-clickable-area);--icon-preview-size: 24px;--fixed-block-start-position: calc(var(--clickable-area-small) + var(--default-grid-baseline, 4px));display:flex;flex-direction:column;overflow:auto;height:100%;will-change:scroll-position}.files-list[data-v-3df738b3]:has(.files-list__filters:empty){--fixed-block-start-position: 0px}.files-list[data-v-3df738b3] tbody{will-change:padding;contain:layout paint style;display:flex;flex-direction:column;width:100%;position:relative}.files-list[data-v-3df738b3] tbody tr{contain:strict}.files-list[data-v-3df738b3] tbody tr:hover,.files-list[data-v-3df738b3] tbody tr:focus{background-color:var(--color-background-dark)}.files-list[data-v-3df738b3] .files-list__before{display:flex;flex-direction:column}.files-list[data-v-3df738b3] .files-list__table{display:block}.files-list[data-v-3df738b3] .files-list__table--hidden{visibility:hidden;z-index:-1;opacity:0}.files-list[data-v-3df738b3] .files-list__filters{display:flex;gap:var(--default-grid-baseline);box-sizing:border-box;position:sticky;top:0;background-color:var(--color-main-background);z-index:10;padding-inline:var(--row-height) var(--default-grid-baseline, 4px);height:var(--fixed-block-start-position);width:100%}.files-list[data-v-3df738b3] .files-list__filters:not(:empty){padding-block:calc(var(--default-grid-baseline, 4px) / 2)}.files-list[data-v-3df738b3] .files-list__thead,.files-list[data-v-3df738b3] .files-list__tfoot{display:flex;flex-direction:column;width:100%;background-color:var(--color-main-background)}.files-list[data-v-3df738b3] .files-list__thead{position:sticky;z-index:10;top:var(--fixed-block-start-position)}.files-list[data-v-3df738b3] .files-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.files-list[data-v-3df738b3] tr{position:relative;display:flex;align-items:center;width:100%;border-block-end:1px solid var(--color-border);box-sizing:border-box;-webkit-user-select:none;user-select:none;height:var(--row-height)}.files-list[data-v-3df738b3] td,.files-list[data-v-3df738b3] th{display:flex;align-items:center;flex:0 0 auto;justify-content:start;width:var(--row-height);height:var(--row-height);margin:0;padding:0;color:var(--color-text-maxcontrast);border:none}.files-list[data-v-3df738b3] td span,.files-list[data-v-3df738b3] th span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.files-list[data-v-3df738b3] .files-list__row--failed{position:absolute;display:block;top:0;inset-inline:0;bottom:0;opacity:.1;z-index:-1;background:var(--color-error)}.files-list[data-v-3df738b3] .files-list__row-checkbox{justify-content:center}.files-list[data-v-3df738b3] .files-list__row-checkbox .checkbox-radio-switch{display:flex;justify-content:center;--icon-size: var(--checkbox-size)}.files-list[data-v-3df738b3] .files-list__row-checkbox .checkbox-radio-switch label.checkbox-radio-switch__label{width:var(--clickable-area);height:var(--clickable-area);margin:0;padding:calc((var(--clickable-area) - var(--checkbox-size)) / 2)}.files-list[data-v-3df738b3] .files-list__row-checkbox .checkbox-radio-switch .checkbox-radio-switch__icon{margin:0!important}.files-list[data-v-3df738b3] .files-list__row-head--selected .files-list__row-checkbox{flex:1 1 auto;width:auto;min-width:var(--row-height);max-width:100%;justify-content:flex-start;gap:12px;overflow:hidden}.files-list[data-v-3df738b3] .files-list__row:hover,.files-list[data-v-3df738b3] .files-list__row:focus,.files-list[data-v-3df738b3] .files-list__row:active,.files-list[data-v-3df738b3] .files-list__row--active,.files-list[data-v-3df738b3] .files-list__row--dragover{background-color:var(--color-background-hover);--color-text-maxcontrast: var(--color-main-text)}.files-list[data-v-3df738b3] .files-list__row:hover>*,.files-list[data-v-3df738b3] .files-list__row:focus>*,.files-list[data-v-3df738b3] .files-list__row:active>*,.files-list[data-v-3df738b3] .files-list__row--active>*,.files-list[data-v-3df738b3] .files-list__row--dragover>*{--color-border: var(--color-border-dark)}.files-list[data-v-3df738b3] .files-list__row:hover .favorite-marker-icon svg path,.files-list[data-v-3df738b3] .files-list__row:focus .favorite-marker-icon svg path,.files-list[data-v-3df738b3] .files-list__row:active .favorite-marker-icon svg path,.files-list[data-v-3df738b3] .files-list__row--active .favorite-marker-icon svg path,.files-list[data-v-3df738b3] .files-list__row--dragover .favorite-marker-icon svg path{stroke:var(--color-background-hover)}.files-list[data-v-3df738b3] .files-list__row--dragover *{pointer-events:none}.files-list[data-v-3df738b3] .files-list__row-icon{position:relative;display:flex;overflow:visible;align-items:center;flex:0 0 var(--icon-preview-size);justify-content:center;width:var(--icon-preview-size);height:100%;margin-inline-end:var(--checkbox-padding);color:var(--color-primary-element)}.files-list[data-v-3df738b3] .files-list__row-icon *{cursor:pointer}.files-list[data-v-3df738b3] .files-list__row-icon>span{justify-content:flex-start}.files-list[data-v-3df738b3] .files-list__row-icon>span:not(.files-list__row-icon-favorite):not(.files-list__row-icon-recently-created) svg{width:var(--icon-preview-size);height:var(--icon-preview-size)}.files-list[data-v-3df738b3] .files-list__row-icon>span.folder-icon,.files-list[data-v-3df738b3] .files-list__row-icon>span.folder-open-icon{margin:-3px}.files-list[data-v-3df738b3] .files-list__row-icon>span.folder-icon svg,.files-list[data-v-3df738b3] .files-list__row-icon>span.folder-open-icon svg{width:calc(var(--icon-preview-size) + 6px);height:calc(var(--icon-preview-size) + 6px)}.files-list[data-v-3df738b3] .files-list__row-icon-preview-container{position:relative;overflow:hidden;width:var(--icon-preview-size);height:var(--icon-preview-size);border-radius:var(--border-radius)}.files-list[data-v-3df738b3] .files-list__row-icon-blurhash{position:absolute;inset-block-start:0;inset-inline-start:0;height:100%;width:100%;object-fit:cover}.files-list[data-v-3df738b3] .files-list__row-icon-preview{object-fit:contain;object-position:center;height:100%;width:100%}.files-list[data-v-3df738b3] .files-list__row-icon-preview:not(.files-list__row-icon-preview--loaded){background:var(--color-loading-dark)}.files-list[data-v-3df738b3] .files-list__row-icon-favorite,.files-list[data-v-3df738b3] .files-list__row-icon-recently-created{position:absolute;top:0;inset-inline-end:-10px}.files-list[data-v-3df738b3] .files-list__row-icon-overlay{position:absolute;max-height:calc(var(--icon-preview-size) * .6);max-width:calc(var(--icon-preview-size) * .6);color:var(--color-primary-element-text);margin-block-start:2px}.files-list[data-v-3df738b3] .files-list__row-icon-overlay--file{color:var(--color-main-text);background:var(--color-main-background);border-radius:100%}.files-list[data-v-3df738b3] .files-list__row-name{overflow:hidden;flex:1 1 auto}.files-list[data-v-3df738b3] .files-list__row-name button.files-list__row-name-link{display:flex;align-items:center;text-align:start;width:100%;height:100%;min-width:0;margin:0;padding:0}.files-list[data-v-3df738b3] .files-list__row-name button.files-list__row-name-link:focus-visible{outline:none!important}.files-list[data-v-3df738b3] .files-list__row-name button.files-list__row-name-link:focus .files-list__row-name-text{outline:var(--border-width-input-focused) solid var(--color-main-text)!important;border-radius:var(--border-radius-element)}.files-list[data-v-3df738b3] .files-list__row-name button.files-list__row-name-link:focus:not(:focus-visible) .files-list__row-name-text{outline:none!important}.files-list[data-v-3df738b3] .files-list__row-name .files-list__row-name-text{color:var(--color-main-text);padding:var(--default-grid-baseline) calc(2 * var(--default-grid-baseline));padding-inline-start:-10px;display:inline-flex}.files-list[data-v-3df738b3] .files-list__row-name .files-list__row-name-ext{color:var(--color-text-maxcontrast);overflow:visible}.files-list[data-v-3df738b3] .files-list__row-rename{width:100%;max-width:600px}.files-list[data-v-3df738b3] .files-list__row-rename input{width:100%;margin-inline-start:-8px;padding:2px 6px;border-width:2px}.files-list[data-v-3df738b3] .files-list__row-rename input:invalid{border-color:var(--color-border-error);color:var(--color-text-error)}.files-list[data-v-3df738b3] .files-list__row-actions{width:auto}.files-list[data-v-3df738b3] .files-list__row-actions~td,.files-list[data-v-3df738b3] .files-list__row-actions~th{margin:0 var(--cell-margin)}.files-list[data-v-3df738b3] .files-list__row-actions button .button-vue__text{font-weight:400}.files-list[data-v-3df738b3] .files-list__row-action--inline{margin-inline-end:7px}.files-list[data-v-3df738b3] .files-list__row-mime,.files-list[data-v-3df738b3] .files-list__row-mtime,.files-list[data-v-3df738b3] .files-list__row-size{color:var(--color-text-maxcontrast)}.files-list[data-v-3df738b3] .files-list__row-size{width:calc(var(--row-height) * 2);justify-content:flex-end}.files-list[data-v-3df738b3] .files-list__row-mtime{width:calc(var(--row-height) * 2.5)}.files-list[data-v-3df738b3] .files-list__row-mime{width:calc(var(--row-height) * 3.5)}.files-list[data-v-3df738b3] .files-list__row-column-custom{width:calc(var(--row-height) * 2.5)}@media screen and (max-width:512px){.files-list[data-v-3df738b3] .files-list__filters{padding-inline:var(--default-grid-baseline, 4px)}}.files-list--grid tbody.files-list__tbody{--item-padding: 16px;--icon-preview-size: 166px;--name-height: var(--default-clickable-area);--mtime-height: calc(var(--font-size-small) + var(--default-grid-baseline));--row-width: calc(var(--icon-preview-size) + var(--item-padding) * 2);--row-height: calc(var(--icon-preview-size) + var(--name-height) + var(--mtime-height) + var(--item-padding) * 2);--checkbox-padding: 0px;display:grid;grid-template-columns:repeat(auto-fill,var(--row-width));align-content:center;align-items:center;justify-content:space-around;justify-items:center}.files-list--grid tbody.files-list__tbody tr{display:flex;flex-direction:column;width:var(--row-width);height:var(--row-height);border:none;border-radius:var(--border-radius-large);padding:var(--item-padding)}.files-list--grid tbody.files-list__tbody .files-list__row-checkbox{position:absolute;z-index:9;top:calc(var(--item-padding) / 2);inset-inline-start:calc(var(--item-padding) / 2);overflow:hidden;--checkbox-container-size: 44px;width:var(--checkbox-container-size);height:var(--checkbox-container-size)}.files-list--grid tbody.files-list__tbody .files-list__row-checkbox .checkbox-radio-switch__content:after{content:"";width:16px;height:16px;position:absolute;inset-inline-start:50%;margin-inline-start:-8px;z-index:-1;background:var(--color-main-background)}.files-list--grid tbody.files-list__tbody .files-list__row-icon-favorite,.files-list--grid tbody.files-list__tbody .files-list__row-icon-recently-created{position:absolute;top:0;inset-inline-end:0;display:flex;align-items:center;justify-content:center;width:var(--clickable-area);height:var(--clickable-area)}.files-list--grid tbody.files-list__tbody .files-list__row-name{display:flex;flex-direction:column;width:var(--icon-preview-size);height:calc(var(--icon-preview-size) + var(--name-height));overflow:visible}.files-list--grid tbody.files-list__tbody .files-list__row-name span.files-list__row-icon{width:var(--icon-preview-size);height:var(--icon-preview-size)}.files-list--grid tbody.files-list__tbody .files-list__row-name .files-list__row-name-text{margin:0;margin-inline-start:-4px;padding:0 4px}.files-list--grid tbody.files-list__tbody .files-list__row-mtime{width:var(--icon-preview-size);height:var(--mtime-height);font-size:var(--font-size-small)}.files-list--grid tbody.files-list__tbody .files-list__row-actions{position:absolute;inset-inline-end:calc(var(--clickable-area) / 4);inset-block-end:calc(var(--mtime-height) / 2);width:var(--clickable-area);height:var(--clickable-area)}@media screen and (max-width:768px){.files-list--grid tbody.files-list__tbody{--mtime-height: 0px}.files-list--grid tbody.files-list__tbody .files-list__row-actions{inset-block-end:var(--item-padding)}.files-list--grid tbody.files-list__tbody .files-list__row-name-text{padding-inline-end:var(--clickable-area)!important}}.toast-loading-icon{margin-inline-start:-4px;min-width:26px}.app-content[data-v-e18d71b8]{display:flex;overflow:hidden;flex-direction:column;max-height:100%;position:relative!important}.files-list__header[data-v-e18d71b8]{display:flex;gap:var(--default-grid-baseline);align-items:center;flex:0 0;max-width:100%;margin-block:var(--app-navigation-padding, 4px);margin-inline:calc(var(--default-clickable-area) + 2 * var(--app-navigation-padding, 4px)) var(--app-navigation-padding, 4px)}.files-list__header--public[data-v-e18d71b8]{margin-inline:var(--app-navigation-padding, 4px)}.files-list__header[data-v-e18d71b8]>*{flex:0 0}.files-list__header-actions[data-v-e18d71b8]{min-width:fit-content!important}.files-list__header-upload-button--narrow[data-v-e18d71b8]{position:fixed;inset-block-end:calc(1.5 * var(--default-grid-baseline));inset-inline-end:calc(1.5 * var(--default-grid-baseline))}.files-list__before[data-v-e18d71b8]{display:flex;flex-direction:column;gap:calc(var(--default-grid-baseline) * 2);margin-inline:calc(var(--default-clickable-area) + 2 * var(--app-navigation-padding))}.files-list__empty-view-wrapper[data-v-e18d71b8]{display:flex;height:100%}.files-list__refresh-icon[data-v-e18d71b8]{flex:0 0 var(--default-clickable-area);width:var(--default-clickable-area);height:var(--default-clickable-area)}.files-list__loading-icon[data-v-e18d71b8]{margin:auto}