mirror of
https://github.com/nextcloud/server.git
synced 2026-10-31 18:15:57 +01:00
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
2 lines
3.4 KiB
CSS
2 lines
3.4 KiB
CSS
nc-viewer-file{display:block;position:relative;overflow:hidden;border-radius:var(--border-radius-container, var(--border-radius-large))}.viewer-file[data-v-02619323]{position:absolute;inset:0;isolation:isolate;display:flex;align-items:center;justify-content:center;background-color:#111}.viewer-file__handler[data-v-02619323]{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;isolation:isolate}.viewer-file__cover[data-v-02619323],.viewer-file__bar[data-v-02619323]{z-index:1}.viewer-file__loading[data-v-02619323],.viewer-file__placeholder[data-v-02619323]{position:relative;display:flex;align-items:center;justify-content:center}.viewer-file__loading[data-v-02619323]{position:absolute;inset:0}.viewer-file__loading .loading-icon[data-v-02619323]{position:absolute}.viewer-file__placeholder canvas[data-v-02619323]{display:block;width:100%;height:100%}.viewer-file__bar[data-v-02619323]{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:var(--default-grid-baseline);padding-block:var(--default-grid-baseline);padding-inline:calc(3 * var(--default-grid-baseline)) var(--default-grid-baseline);background:linear-gradient(#000000a6,#0000);color:#fff;font-weight:700;opacity:0;transition:opacity var(--animation-quick, .1s);--color-main-text: #ffffff}.viewer-file--active .viewer-file__bar[data-v-02619323],.viewer-file:focus-within .viewer-file__bar[data-v-02619323]{opacity:1}@media(hover:hover){.viewer-file:hover .viewer-file__bar[data-v-02619323]{opacity:1}}.viewer-file__cover[data-v-02619323]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:0;background:#111 center/contain no-repeat;cursor:pointer}.viewer-file__play[data-v-02619323]{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background-color:#0000008c;color:#fff}.viewer-file__cover:hover .viewer-file__play[data-v-02619323],.viewer-file__cover:focus-visible .viewer-file__play[data-v-02619323]{background-color:#000000bf}.viewer-file__name[data-v-02619323]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-file--said[data-v-02619323]{background-color:transparent}.viewer-file__fallback[data-v-02619323]{position:absolute;inset:0}.viewer-file__card[data-v-02619323]{box-sizing:border-box;width:100%;background-color:var(--color-main-background);color:var(--color-main-text);display:flex;align-items:center;gap:calc(3 * var(--default-grid-baseline));padding:calc(2 * var(--default-grid-baseline)) calc(3 * var(--default-grid-baseline));border:1px solid var(--color-border);border-radius:var(--border-radius-container, var(--border-radius-large))}.viewer-file__type[data-v-02619323]{display:flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-element, var(--border-radius));background-color:var(--color-primary-element-light);color:var(--color-primary-element-light-text);font-size:11px;font-weight:700}.viewer-file__about[data-v-02619323]{display:flex;flex:1;flex-direction:column;min-width:0}.viewer-file__card-name[data-v-02619323]{color:var(--color-primary-element);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-file__card-name[data-v-02619323]{font-weight:700}.viewer-file__download[data-v-02619323]{flex:none;border-radius:50%!important}.viewer-file__card-meta[data-v-02619323]{color:var(--color-text-maxcontrast);font-size:var(--font-size-small, 13px)}
|