mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-10-08 14:51:32 +00:00
[ADF-1623] routing integration for Viewer (#2404)
* routed viewer (demo app) * toolbar support * app menu component for demo shell * navigate back button * fix unit tests * improve viewer type detection and rendering * download button * automatic pdf rendition, spinners, ui tweaks * border for pdf pages * scroll top support * docs update * info drawer placeholder
This commit is contained in:
committed by
Maurizio Vitale
parent
55a999b492
commit
93a87af4a5
@@ -1,4 +1,4 @@
|
||||
$adf-viewer-background-color: #515151;
|
||||
$adf-viewer-background-color: #f5f5f5;
|
||||
|
||||
@mixin full-screen() {
|
||||
width: 100%;
|
||||
@@ -33,7 +33,7 @@ $adf-viewer-background-color: #515151;
|
||||
@include full-screen();
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-direction: row;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
@@ -41,6 +41,7 @@ $adf-viewer-background-color: #515151;
|
||||
|
||||
.adf-viewer-content {
|
||||
@include full-screen();
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -66,4 +67,33 @@ $adf-viewer-background-color: #515151;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
&__loading-screen {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
height: 85vh;
|
||||
|
||||
.md-spinner {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
&__info-drawer {
|
||||
width: 350px;
|
||||
display: block;
|
||||
padding: 8px 0;
|
||||
background-color: #fafafa;
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.07);
|
||||
|
||||
.mat-tab-label {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.mat-card {
|
||||
margin: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user