alfresco-ng2-components/lib/core/viewer/components/pdfViewer-thumbnails.component.scss
Cilibiu Bogdan 28ca71a5f9 [ADF-2137] Document Thumbnail Pane (#2943)
* pdf thumbnails

* update TestBed declarations

* add PdfViewerService to TestBed

* content projection

* update TestBed declaration

* update TestBed

* update TestBed

* docs

* pristine

* added doc component image

* use global PDFJS instance fro tests
2018-02-20 10:29:40 +00:00

39 lines
885 B
SCSS

@mixin adf-pdf-thumbnails-theme($theme) {
$background: map-get($theme, background);
.pdf-thumbnails {
display: block;
overflow: hidden;
overflow-y: auto;
height: 100%;
position: relative;
&__content {
top: 0;
left: 50%;
height: 0;
position: absolute;
}
&__thumb:first-child {
margin-top: 14px;
}
&__thumb {
cursor: pointer;
display: block;
height: 140px;
width: 100px;
background: mat-color($background, background);
margin-bottom: 14px;
}
&__thumb:hover {
box-shadow: 0px 0px 5px 0px $black-87-opacity;
}
&__thumb--selected:not(:hover) {
box-shadow: 0px 0px 5px 0px $black-87-opacity;
}
}
}