alfresco-ng2-components/lib/core/viewer/components/pdf-viewer-thumbnails.component.scss
Cilibiu Bogdan 3da5196b2d
[ACA-3899] Viewer thumbnails cannot be accessed by keyboard (#6150)
* accessibility

* add thumb focus

* close thumbs list event

* fix eventbus listener

* rename parameter

* track previous focused element

* implement FocusKeyManager

* fix getGlobalEventBus is deprecated

* keyboard navigation

* set tabindex

* setActiveItem on list change

* update  test
2020-09-23 05:57:46 +01:00

33 lines
714 B
SCSS

@import '~@angular/material/theming';
@mixin adf-pdf-thumbnails-theme($theme) {
$background: map-get($theme, background);
.adf-pdf-thumbnails {
display: block;
overflow: hidden;
overflow-y: auto;
height: 100%;
position: relative;
&__content {
top: 5px;
left: 50%;
height: 0;
position: absolute;
}
&__thumb {
cursor: pointer;
display: block;
width: 91px;
background: mat-color($background, background);
margin-bottom: 15px;
}
&__thumb:hover {
box-shadow: 0 0 5px 0 $black-87-opacity;
}
}
}