inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

style fixes for viewer (#2858)

Browse Source 
* style fixes for viewer

* use theme colors

* initial theme support for PDF viewer
This commit is contained in:
Denys Vuika
2018-01-23 11:35:45 +00:00
committed by Eugenio Romano
parent a401ebd35d
commit 0ea7259988
7 changed files with 77 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
lib/core/viewer/components/pdfViewer.component.scss
View File

@@ -1,38 +1,53 @@
.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%;
}
@mixin adf-pdf-viewer-theme($theme) {
.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;
}
.loader-item {
margin: auto;
max-height:100px;
max-width:300px;
}
&__toolbar {
position: absolute;
bottom: 0;
&__toolbar {
position: absolute;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
left: 50%;
transform: translateX(-50%);
&-page-selector {
font-size: 16px;
padding: 4px 0;
text-align: right;
width: 33px;
margin-right: 4px;
height: 20px;
outline-width: 1px;
outline-color: gray;
.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 {
font-size: 14px;
padding: 4px 0;
text-align: right;
width: 33px;
margin-right: 4px;
outline-width: 1px;
outline-color: gray;
}
}
}
}
}