You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
mediarepo/mediarepo-ui/src/app/components/shared/file/file-multiview/file-gallery/file-gallery.component.scss

63 lines
944 B
SCSS

.file-scroll-viewport {
width: 100%;
height: 100%;
}
::ng-deep .file-scroll-viewport > .cdk-virtual-scroll-content-wrapper {
display: flex;
flex-direction: row;
height: 100%;
}
.gallery-container {
height: 100%;
width: 100%;
position: relative;
user-select: none;
}
app-file-gallery-entry, .file-item {
width: 250px;
height: calc(100% - 10px);
padding: 5px;
}
app-file-gallery-entry {
display: block;
}
.file-full-view {
width: 100%;
height: 100%;
overflow: hidden;
}
app-content-viewer {
height: 100%;
width: 100%;
display: block;
}
.close-button {
position: absolute;
top: 0;
right: 0;
width: 3em;
height: 3em;
z-index: 999;
}
.url-loading-backdrop {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
display: flex;
mat-progress-spinner {
margin: auto;
}
}