mirror of
				https://github.com/gyurix1968/guacamole-client.git
				synced 2025-10-30 00:23:21 +00:00 
			
		
		
		
	GUAC-324: Add mouse setting choices.
This commit is contained in:
		| @@ -63,44 +63,27 @@ | |||||||
|                     <p>Text copied/cut within Guacamole will appear here. Changes to the text below will affect the remote clipboard.</p> |                     <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> |                     <textarea rows="10" cols="40" id="clipboard"></textarea> | ||||||
|                 </div> |                 </div> | ||||||
|                 <h3>Settings</h3> |                 <h3>Mouse emulation mode</h3> | ||||||
|                 <div id="settings"> |                 <div id="mouse-settings"> | ||||||
|  |                     <p>Determines how the remote mouse behaves with respect to touches.</p> | ||||||
|  |  | ||||||
|                     <dl> |                     <!-- Touchpad --> | ||||||
|                         <!-- Auto-fit display --> |                     <div class="choice"> | ||||||
|                         <dt> |                         <input name="mouse-mode" type="radio" value="relative" id="relative"/> | ||||||
|                             <input type="checkbox" id="auto-fit"/> |                         <div class="figure"> | ||||||
|                             Auto-fit display to browser window |                             <label for="relative"><img src="images/settings/touchpad.png" alt=""/></label> | ||||||
|                         </dt> |                             <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> | ||||||
|                         <dd> |                         </div> | ||||||
|                             <p> |                     </div> | ||||||
|                                 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> |  | ||||||
|  |  | ||||||
|                         <!-- Enable/disable sound --> |                     <!-- Touchscreen --> | ||||||
|                         <dt> |                     <div class="choice"> | ||||||
|                             <input type="checkbox" id="disable-sound"/> |                         <input name="mouse-mode" type="radio" value="absolute" checked="checked" id="absolute"/> | ||||||
|                             Disable sound |                         <div class="figure"> | ||||||
|                         </dt> |                             <label for="absolute"><img src="images/settings/touchscreen.png" alt=""/></label> | ||||||
|                         <dd> |                             <p class="caption"><label for="absolute">Tap to click. The click occurs at the location of the touch.</label></p> | ||||||
|                             <p> |                         </div> | ||||||
|                                 If on a device or network where bandwidth usage must |                     </div> | ||||||
|                                 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> |  | ||||||
|  |  | ||||||
|                 </div> |                 </div> | ||||||
|             </div> |             </div> | ||||||
|   | |||||||
| @@ -577,7 +577,7 @@ p.hint { | |||||||
|     -webkit-animation-duration: 0.05s; |     -webkit-animation-duration: 0.05s; | ||||||
| } | } | ||||||
|  |  | ||||||
| div#settings, | div#mouse-settings, | ||||||
| div#clipboardDiv { | div#clipboardDiv { | ||||||
|     padding: 0; |     padding: 0; | ||||||
| } | } | ||||||
| @@ -592,13 +592,23 @@ div#clipboardDiv { | |||||||
|     white-space: pre; |     white-space: pre; | ||||||
| } | } | ||||||
|  |  | ||||||
| #settings dt { | #mouse-settings .choice { | ||||||
|     border-bottom: 1px dotted #AAA; |     text-align: center; | ||||||
|     padding-bottom: 0.25em; |  | ||||||
| } | } | ||||||
|  |  | ||||||
| #settings dd { | #mouse-settings .choice .figure { | ||||||
|     margin: 1.5em; |     display: inline-block; | ||||||
|     margin-left: 2.5em; |     vertical-align: middle; | ||||||
|     font-size: 0.75em; |     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; | ||||||
| } | } | ||||||
| @@ -26,7 +26,7 @@ | |||||||
|     -webkit-tap-highlight-color: rgba(0,0,0,0); |     -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); |     -webkit-tap-highlight-color: rgba(128,192,128,0.5); | ||||||
| } | } | ||||||
|  |  | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user