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

GUACAMOLE-5: Correct and simply guacGroupList styling/structure.

Browse Source
This commit is contained in:
Michael Jumper
2016-08-04 17:50:33 -07:00
parent da9ddf7683
commit 85f15b7cd1
6 changed files with 58 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
guacamole/src/main/webapp/app/index/styles/lists.css
View File

@@ -44,15 +44,16 @@
color: black;
}
.connection:hover {
.recent-connections .connection:hover {
background: #CDA;
}
.connection .thumbnail {
.recent-connections .connection .thumbnail {
display: block;
margin: 0.5em;
}
.connection .thumbnail > * {
.recent-connections .connection .thumbnail > * {
border: 1px solid black;
background: black;
box-shadow: 1px 1px 5px black;
@@ -60,14 +61,6 @@
display: inline-block;
}
div.recent-connections .connection .thumbnail {
display: block;
}
div.recent-connections .protocol {
display: none;
}
.caption * {
vertical-align: middle;
}

42
guacamole/src/main/webapp/app/index/styles/ui.css
View File

@@ -164,14 +164,11 @@ div.section {
background-image: url('images/action-icons/guac-monitor-add.png');
}
.protocol {
.connection .icon,
.connection-group .icon {
display: inline-block;
}
.protocol .icon {
width: 24px;
height: 24px;
background-image: url('images/protocol-icons/guac-plug.png');
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
@@ -180,44 +177,57 @@ div.section {
background-position: center center;
}
.protocol .icon.ssh,
.protocol .icon.telnet {
.group .icon {
background-image: url('images/folder-closed.png');
}
.group.expanded .icon {
background-image: url('images/folder-open.png');
}
.connection .icon {
background-image: url('images/protocol-icons/guac-plug.png');
}
.connection .icon.ssh,
.connection .icon.telnet {
background-image: url('images/protocol-icons/guac-text.png');
}
.protocol .icon.vnc,
.protocol .icon.rdp {
.connection .icon.vnc,
.connection .icon.rdp {
background-image: url('images/protocol-icons/guac-monitor.png');
}
/*
* Groups
*/
.group > .children {
.expandable > .children {
margin-left: 13px;
padding-left: 6px;
padding-left: 13px;
}
.group .icon.group.type.empty.balancer {
.group.empty.balancer .icon {
opacity: 1;
background-image: url('images/protocol-icons/guac-monitor.png');
}
.group.expanded > .children {
.expandable.expanded > .children {
display: block;
border-left: 1px dotted rgba(0, 0, 0, 0.25);
}
.group > .caption .icon.group {
.expandable > .caption .icon.expand {
opacity: 0.75;
background-image: url('images/group-icons/guac-closed.png');
}
.group .icon.type.group.expanded {
.expandable.expanded .icon.expand {
background-image: url('images/group-icons/guac-open.png');
}
.group .icon.type.group.empty {
.expandable.empty .icon.expand {
opacity: 0.25;
background-image: url('images/group-icons/guac-open.png');
}