mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
#68 center loader
This commit is contained in:
parent
9bbf7cc382
commit
b7b938b453
@ -2,6 +2,10 @@
|
||||
background: #3E3E3E;
|
||||
}
|
||||
|
||||
.viewer-loader-text {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
:host .page {
|
||||
margin: 10px auto !important;
|
||||
overflow: visible;
|
||||
|
@ -1,11 +1,11 @@
|
||||
<!-- Start Pdf Canvas -->
|
||||
<div id="viewer-pdf-container" class="viewer-pdf-container" (keypress)=eventHandler()>
|
||||
<div id="viewer-viewerPdf" style="border:1px solid black;">
|
||||
<div id="loader">
|
||||
<div id="viewer-pdf-container" class="center-element viewer-pdf-container" (keypress)=eventHandler()>
|
||||
<div id="viewer-viewerPdf" class="center-element" >
|
||||
<div id="viewer-loader" class="center-element" >
|
||||
<div>
|
||||
<div id="loader-spin" class="mdl-progress mdl-js-progress mdl-progress__indeterminate"></div>
|
||||
</div>
|
||||
<div id="loader-text">Loading...</div>
|
||||
<div id="viewer-loader-text" class="viewer-loader-text">Loading...</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -37,6 +37,18 @@ describe('PdfViewer', () => {
|
||||
expect(element.querySelector('#viewer-pdf-container')).not.toBeNull();
|
||||
});
|
||||
}));
|
||||
|
||||
it('Loader should be present', injectAsync([TestComponentBuilder], (tcb: TestComponentBuilder) => {
|
||||
return tcb
|
||||
.createAsync(PdfViewerComponent)
|
||||
.then((fixture) => {
|
||||
let element = fixture.nativeElement;
|
||||
|
||||
fixture.detectChanges();
|
||||
|
||||
expect(element.querySelector('#viewer-loader')).not.toBeNull();
|
||||
});
|
||||
}));
|
||||
});
|
||||
|
||||
describe('User interaction', () => {
|
||||
|
@ -14,19 +14,6 @@
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
#loader{
|
||||
margin: auto;
|
||||
padding-top: 20px;
|
||||
width:300px;
|
||||
}
|
||||
#loader-text{
|
||||
width:300px;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#viewer-toolbar-pagination {
|
||||
margin-left: 25%;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user