diff options
| author | Arjun Roychowdhury <pliablepixels@gmail.com> | 2015-11-20 10:00:36 -0500 |
|---|---|---|
| committer | Arjun Roychowdhury <pliablepixels@gmail.com> | 2015-11-20 10:00:36 -0500 |
| commit | f357e0a7046e907b9920a2686c502c57ccf3d676 (patch) | |
| tree | f95764415ac82a54fb441aa4f11e9194eb32e371 /www/templates | |
| parent | 3be9d17af5b8155960a1a2a6b8ced67ba5c4efd5 (diff) | |
#90 - fixed wide screen issues, I think
Former-commit-id: 1f9c629c426e825c8e4a845356469741b37bacb2
Diffstat (limited to 'www/templates')
| -rw-r--r-- | www/templates/events-modal.html | 8 | ||||
| -rw-r--r-- | www/templates/monitors-modal.html | 10 |
2 files changed, 9 insertions, 9 deletions
diff --git a/www/templates/events-modal.html b/www/templates/events-modal.html index a348888b..6efb4f07 100644 --- a/www/templates/events-modal.html +++ b/www/templates/events-modal.html @@ -13,18 +13,18 @@ <li ng-repeat="slide in slides"> <div ng-if="!animationInProgress"> - <img imageonload="finishedLoadingImage($index)" + <img style="width:100vw; height:100vh" imageonload="finishedLoadingImage($index)" image-spinner-src="{{playbackURL}}/index.php?view=image&rand={{$root.rand}}&path={{relativePath}}{{slide.img}}&scale={{loginData.singleImageQuality}}" image-spinner-loader="lines" - ng-class="{'zm-image-fit':imageFit==true, 'zm-image-crop':imageFit==false}" + ng-class="{'object-fit_cover':imageFit==false, 'object-fit_contain':imageFit==true}" /> </div> <div ng-if="animationInProgress"> - <img imageonload="finishedLoadingImage($index)" + <img imageonload="finishedLoadingImage($index)" image-spinner-src="img/pausevideo.png" image-spinner-loader="lines" - ng-class="{'zm-image-fit':imageFit==true, 'zm-image-crop':imageFit==false}" /> + ng-class="{'object-fit_cover':imageFit==false, 'object-fit_contain':imageFit==true}" /> </div> diff --git a/www/templates/monitors-modal.html b/www/templates/monitors-modal.html index 34bfad22..65e99803 100644 --- a/www/templates/monitors-modal.html +++ b/www/templates/monitors-modal.html @@ -9,7 +9,7 @@ <ion-scroll delegate-handle="imgscroll" has-bouncing=false min-zoom=1 zooming="true" direction="xy" style="width: 100%; "> <!-- android needs this 100vh - otherwise max- does not work --> - + <!-- --> <div id="monitorimage" style="height: 100vh;" class="main"> @@ -17,10 +17,10 @@ <div ng-if="$root.authSession!='undefined'"> - <div ng-if="!animationInProgress"> - <img imageonload="finishedLoadingImage()" + <div ng-if="!animationInProgress" > + <img style="width:100vw; height:100vh" imageonload="finishedLoadingImage()" image-spinner-loader="lines" - image-spinner-src="{{LoginData.streamingurl}}/nph-zms?mode=single&monitor={{monitorId}}{{$root.authSession}}&rand={{$root.modalRand}}" ng-class="{'zm-image-fit':imageFit==true, 'zm-image-crop':imageFit==false}" + image-spinner-src="{{LoginData.streamingurl}}/nph-zms?mode=single&monitor={{monitorId}}{{$root.authSession}}&rand={{$root.modalRand}}" ng-class="{'object-fit_cover':imageFit==false, 'object-fit_contain':imageFit==true}" on-swipe-left="onSwipe(monitorId,1)" on-swipe-right="onSwipe(monitorId,-1)" /> @@ -28,7 +28,7 @@ <div ng-if="animationInProgress"> <img - ng-src="img/pausevideo.png" ng-class="{'zm-image-fit':imageFit==true, 'zm-image-crop':imageFit==false}" + ng-src="img/pausevideo.png" ng-class="{'object-fit_cover':imageFit==false, 'object-fit_contain':imageFit==true}" /> </div> |