mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
8a4959d172
* image viewer enhancements * code improvements * fix scrolling of the zommed in content * remove flip for now as it needs much efforts * unit tests, thumbnail selector enhancements
59 lines
1.8 KiB
SCSS
59 lines
1.8 KiB
SCSS
@mixin adf-pdf-viewer-theme($theme) {
|
|
$foreground: map-get($theme, foreground);
|
|
|
|
.adf-pdf-viewer {
|
|
.loader-container {
|
|
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
|
|
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
|
|
display: -webkit-flex; /* NEW - Chrome */
|
|
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
|
|
-webkit-box-flex-direction: row;
|
|
-moz-box-flex-direction: row;
|
|
-webkit-flex-direction: row;
|
|
flex-direction: row;
|
|
height:100%;
|
|
}
|
|
|
|
.loader-item {
|
|
margin: auto;
|
|
max-height:100px;
|
|
max-width:300px;
|
|
}
|
|
|
|
&__toolbar {
|
|
position: absolute;
|
|
bottom: 5px;
|
|
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
|
|
.adf-toolbar .mat-toolbar {
|
|
max-height: 48px;
|
|
background-color: mat-color($primary, default-contrast, 1);
|
|
border-width: 0;
|
|
border-radius: 2px;
|
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
&-page-selector {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
font-size: 14px;
|
|
|
|
& > input {
|
|
border: 1px solid mat-color($foreground, text, 0.07);
|
|
font-size: 14px;
|
|
padding: 0;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
text-align: right;
|
|
width: 33px;
|
|
margin-right: 4px;
|
|
outline-width: 1px;
|
|
outline-color: gray;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|