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

Add arrows to pan overlay.

Browse Source
This commit is contained in:
Michael Jumper
2012-11-12 03:18:23 -08:00
parent 6d42388b75
commit a56fadfe49
6 changed files with 62 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
guacamole/src/main/webapp/images/arrows/arrows-d.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
guacamole/src/main/webapp/images/arrows/arrows-l.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
guacamole/src/main/webapp/images/arrows/arrows-r.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
guacamole/src/main/webapp/images/arrows/arrows-u.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

9
guacamole/src/main/webapp/scripts/client-ui.js
View File

@@ -260,6 +260,15 @@ GuacUI.Client.PanOverlay = function() {
*/
var pan_overlay = GuacUI.createElement("div", "pan-overlay");
/*
* Add arrows
*/
GuacUI.createChildElement(pan_overlay, "div", "indicator up");
GuacUI.createChildElement(pan_overlay, "div", "indicator down");
GuacUI.createChildElement(pan_overlay, "div", "indicator right");
GuacUI.createChildElement(pan_overlay, "div", "indicator left");
this.show = function() {
document.body.appendChild(pan_overlay);
};

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

@@ -197,6 +197,59 @@ div.magnifier {
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.pan-overlay .indicator {
position: fixed;
background-size: 32px 32px;
background-position: center;
background-repeat: no-repeat;
opacity: 0.8;
}
.pan-overlay .indicator.up {
top: 0;
left: 0;
right: 0;
height: 32px;
background-image: url('../images/arrows/arrows-u.png');
}
.pan-overlay .indicator.down {
bottom: 0;
left: 0;
right: 0;
height: 32px;
background-image: url('../images/arrows/arrows-d.png');
}
.pan-overlay .indicator.left {
top: 0;
bottom: 0;
left: 0;
width: 32px;
background-image: url('../images/arrows/arrows-l.png');
}
.pan-overlay .indicator.right {
top: 0;
bottom: 0;
right: 0;
width: 32px;
background-image: url('../images/arrows/arrows-r.png');
}
/* Viewport Clone */