Add bottom buttons to PDF viewer

Change logo ZUMA-Gipuzkoa
This commit is contained in:
Siroco 2018-10-05 08:55:11 +02:00
parent b6afeac244
commit 01b0d94269
3 changed files with 14 additions and 4 deletions

View File

@ -1,6 +1,6 @@
<footer class="single">
<p>&copy; Zumalakaerregi Museoa 2018 - El contenido de este site está bajo una licencia Creative Commons By-SA-NC - Texto legal </p>
<p>www.zumalakarregimuseoa.eus zuma@zm.net +34 000 00 00 00</p>
<img title="Iniciativa del Museo Zumalakarregi" src="../../assets/zuma-dipu.jpg" style="margin:0 30px;"/>
<img title="Con el patrocinio de Irizar Sociedad Cooperativa" src="../../assets/irizar.jpg" style="max-width:100px;margin:0 30px;"/>
<img title="Iniciativa del Museo Zumalakarregi" src="assets/zuma-dipu.jpg" style="margin:0 30px;"/>
<img title="Con el patrocinio de Irizar Sociedad Cooperativa" src="assets/irizar.jpg" style="max-width:100px;margin:0 30px;"/>
</footer>

View File

@ -49,6 +49,13 @@
<button (click)="pdfViewer.nextPage()">Next Page</button>
<button (click)="pdfViewer.lastPage()">Last Page</button>
</div>
<div class="pdf-buttons pdf-buttons-bottom" style="" *ngIf="pdfViewer.isDocumentLoaded()">
<button (click)="pdfViewer.firstPage()">First Page</button>
<button (click)="pdfViewer.prevPage()">Previous Page</button>
<button>{{pdfViewer.getCurrentPage()}}/{{pdfViewer.getNumberOfPages()}}</button>
<button (click)="pdfViewer.nextPage()">Next Page</button>
<button (click)="pdfViewer.lastPage()">Last Page</button>
</div>
</div>
</div>
</section>

View File

@ -78,7 +78,6 @@ article div.article-content img.alignright { float: right;width: 50%;margin: 0 0
article div.article-content div.alignright img {width:100%;}
article div.article-content blockquote {font-family:"Indie Flower", serif; margin: 0 0 1rem 10rem; padding:2rem; background-color:#d2e8eb;}
article section.section-publitas div.row { min-height:300px; }
section.page-gallery { margin-top:50px;margin-bottom:50px; }
@ -144,9 +143,13 @@ header.item { margin-top:50px;height:0;}
img.fullwidth {width:100%;}
/* pdf buttons */
div.pdf-buttons { width:100%;min-height:50px;text-align:center;float:right;position:absolute;top:0; }
article section.section-publitas div.row { min-height:300px;margin-top:40px;padding-bottom:20px; }
div.pdf-buttons { width:100%;min-height:50px;text-align:center;float:right;position:absolute;top:-40px; }
div.pdf-buttons-bottom { top:100% !important;}
div.pdf-buttons button {border:0;background:#d2e8eb; font-size:1em;cursor:pointer;}
div.pdf-buttons button:hover {background:#f7886c; }
simple-pdf-viewer {margin-top:30px;}
.pdfViewerContainer {overflow:hidden !important;}
/** gallery */