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

GUAC-324: Add mouse setting choices.

Browse Source
This commit is contained in:
Michael Jumper
2014-04-21 16:08:05 -07:00
parent 11ec1858b0
commit d28d75b313
3 changed files with 38 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
guacamole/src/main/webapp/client.xhtml
View File

@@ -63,44 +63,27 @@
<p>Text copied/cut within Guacamole will appear here. Changes to the text below will affect the remote clipboard.</p>
<textarea rows="10" cols="40" id="clipboard"></textarea>
</div>
<h3>Settings</h3>
<div id="settings">
<h3>Mouse emulation mode</h3>
<div id="mouse-settings">
<p>Determines how the remote mouse behaves with respect to touches.</p>
<dl>
<!-- Auto-fit display -->
<dt>
<input type="checkbox" id="auto-fit"/>
Auto-fit display to browser window
</dt>
<dd>
<p>
If checked, remote displays are automatically
scaled to exactly fit within the browser window. If
unchecked, remote displays are always shown at their
natural resolution, even if doing so causes the
display to extend beyond the bounds of the window.
</p>
</dd>
<!-- Touchpad -->
<div class="choice">
<input name="mouse-mode" type="radio" value="relative" id="relative"/>
<div class="figure">
<label for="relative"><img src="images/settings/touchpad.png" alt=""/></label>
<p class="caption"><label for="relative">Drag to move the mouse pointer and tap to click. The click occurs at the location of the pointer.</label></p>
</div>
</div>
<!-- Enable/disable sound -->
<dt>
<input type="checkbox" id="disable-sound"/>
Disable sound
</dt>
<dd>
<p>
If on a device or network where bandwidth usage must
be kept to a minimum, you may wish to check this box
and disable sound. This can also be necessary if a
device doesn't actually support sound, but claims
to, resulting in wasted bandwidth.
</p>
<p>
<strong>Changing this setting will only affect
future connections.</strong>
</p>
</dd>
</dl>
<!-- Touchscreen -->
<div class="choice">
<input name="mouse-mode" type="radio" value="absolute" checked="checked" id="absolute"/>
<div class="figure">
<label for="absolute"><img src="images/settings/touchscreen.png" alt=""/></label>
<p class="caption"><label for="absolute">Tap to click. The click occurs at the location of the touch.</label></p>
</div>
</div>
</div>
</div>

26
guacamole/src/main/webapp/styles/client.css
View File

@@ -577,7 +577,7 @@ p.hint {
-webkit-animation-duration: 0.05s;
}
div#settings,
div#mouse-settings,
div#clipboardDiv {
padding: 0;
}
@@ -592,13 +592,23 @@ div#clipboardDiv {
white-space: pre;
}
#settings dt {
border-bottom: 1px dotted #AAA;
padding-bottom: 0.25em;
#mouse-settings .choice {
text-align: center;
}
#settings dd {
margin: 1.5em;
margin-left: 2.5em;
font-size: 0.75em;
#mouse-settings .choice .figure {
display: inline-block;
vertical-align: middle;
max-width: 80%;
}
#mouse-settings .figure .caption {
text-align: center;
font-size: 0.9em;
}
#mouse-settings .figure img {
display: block;
max-width: 100%;
margin: 1em auto;
}

2
guacamole/src/main/webapp/styles/ui.css
View File

@@ -26,7 +26,7 @@
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
input[type=checkbox], input[type=number], input[type=text], textarea {
input[type=checkbox], input[type=number], input[type=text], input[type=radio], label, textarea {
-webkit-tap-highlight-color: rgba(128,192,128,0.5);
}