Febbweiss/pdf-reader
1
0
Fork 0
mirror of https://github.com/Febbweiss/pdf-reader.git synced 2026-03-04 14:15:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Optim: improve PDF reader controls layout

Browse Source
This commit is contained in:
febbweiss
2017-11-15 09:59:01 +00:00
parent b36ff572e2
commit 65f02461c5
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
index.html
View File

@@ -35,6 +35,9 @@
.rotate90 {-webkit-transform: rotate(90deg); transform: rotate(90deg); }
.rotate180 {-webkit-transform: rotate(180deg); transform: rotate(180deg); }
.rotate270 {-webkit-transform: rotate(270deg); transform: rotate(270deg); }
.pdf-controls { width: 100%; display: block; background: #eee; padding: 1em;}
.fixed { position: fixed; top: 0; left: calc(50% - 480px); z-index: 100; width: 100%; padding: 1em; background: rgba(238, 238, 238,.9); width: 960px; }
</style>
</head>

8
partials/viewer.html
View File

@@ -1,11 +1,11 @@
<div ng-if="pdfName">
<div class="is-pulled-left">
<a href="{{pdfUrl}}" class="field button fa fa-download"></a>
</div>
<div ng-if="pdfName" ng-class="{'pdf-controls fixed': scroll > 100, 'pdf-controls': scroll <= 100}">
<nav ng-class="getNavStyle(scroll)" class="is-pulled-right" >
<div class="field">
<div class="field-body">
<div class="field">
<a href="{{pdfUrl}}" class="button fa fa-download"></a>
</div>
<div class="field is-grouped-right">
<p class="control">
<button class="button is-normal fa fa-caret-left" ng-click="goPrevious()"></button>