safebox/guacamole-client
4
0
Fork 0
mirror of https://github.com/gyurix1968/guacamole-client.git synced 2025-09-06 13:17:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

GUACAMOLE-152: Fix up new zoom control style.

Browse Source
This commit is contained in:
Nick Couchman
2018-05-11 06:29:05 -04:00
parent 10b0afe0cb
commit b4c8bc8058
2 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
guacamole/src/main/webapp/app/client/styles/menu.css
View File

@@ -134,8 +134,19 @@
padding-top: 1em; padding-top: 1em;
} }
.menu-section .zoom-ctrl { .menu-section input.zoom-ctrl {
width: 4em; width: 2em;
font-size: 1em;
padding: 0;
background: transparent;
border-color: rgba(0, 0, 0, 0.125);
}
.menu-section div.zoom-ctrl {
font-size: 1.5em;
display: inline;
align-content: center;
vertical-align: middle;
} }
.menu-section .zoom-ctrl::-webkit-inner-spin-button, .menu-section .zoom-ctrl::-webkit-inner-spin-button,

8
guacamole/src/main/webapp/app/client/templates/client.html
View File

@@ -151,9 +151,11 @@
<div class="content"> <div class="content">
<div id="zoom-settings"> <div id="zoom-settings">
<div ng-click="zoomOut()" id="zoom-out"><img src="images/settings/zoom-out.png" alt="-"/></div> <div ng-click="zoomOut()" id="zoom-out"><img src="images/settings/zoom-out.png" alt="-"/></div>
<input type="number" class="zoom-ctrl" guac-zoom-ctrl <div class="zoom-ctrl">
ng-model="client.clientProperties.scale" <input type="number" class="zoom-ctrl" guac-zoom-ctrl
ng-model-options="{ updateOn: 'blur submit' }" />% ng-model="client.clientProperties.scale"
ng-model-options="{ updateOn: 'blur submit' }" />%
</div>
<div ng-click="zoomIn()" id="zoom-in"><img src="images/settings/zoom-in.png" alt="+"/></div> <div ng-click="zoomIn()" id="zoom-in"><img src="images/settings/zoom-in.png" alt="+"/></div>
</div> </div>
<div><label><input ng-model="menu.autoFit" ng-change="changeAutoFit()" ng-disabled="autoFitDisabled()" type="checkbox" id="auto-fit"/> {{'CLIENT.TEXT_ZOOM_AUTO_FIT' | translate}}</label></div> <div><label><input ng-model="menu.autoFit" ng-change="changeAutoFit()" ng-disabled="autoFitDisabled()" type="checkbox" id="auto-fit"/> {{'CLIENT.TEXT_ZOOM_AUTO_FIT' | translate}}</label></div>