GUACAMOLE-5: Use more semantically-sound "menu-contents" class.

This commit is contained in:
Michael Jumper
2016-08-02 14:24:37 -07:00
parent 73c2e68922
commit 3f22d1d09a
4 changed files with 21 additions and 20 deletions

View File

@@ -120,7 +120,7 @@ body.client {
text-transform: none;
}
.client .user-menu .options li a.disconnect {
.client .user-menu .menu-contents li a.disconnect {
background-repeat: no-repeat;
background-size: 1em;
background-position: 0.75em center;

View File

@@ -91,7 +91,7 @@
}
.menu-dropdown .options {
.menu-dropdown .menu-contents {
visibility: hidden;
@@ -110,21 +110,21 @@
}
.menu-dropdown .options ul {
.menu-dropdown .menu-contents ul {
margin: 0;
padding: 0;
}
.menu-dropdown.open .options {
.menu-dropdown.open .menu-contents {
visibility: visible;
}
.menu-dropdown .options li {
.menu-dropdown .menu-contents li {
padding: 0;
list-style-type: none;
}
.menu-dropdown .options li a {
.menu-dropdown .menu-contents li a {
display: block;
cursor: pointer;
@@ -134,23 +134,23 @@
}
.menu-dropdown .options li a:hover {
.menu-dropdown .menu-contents li a:hover {
background-color: #CDA;
}
.menu-dropdown .options li a.current,
.menu-dropdown .options li a.current:hover {
.menu-dropdown .menu-contents li a.current,
.menu-dropdown .menu-contents li a.current:hover {
background-color: transparent;
cursor: default;
opacity: 0.25;
}
.menu-dropdown .options li a.danger {
.menu-dropdown .menu-contents li a.danger {
color: white;
font-weight: bold;
background-color: #A43;
}
.menu-dropdown .options li a.danger:hover {
.menu-dropdown .menu-contents li a.danger:hover {
background-color: #C54;
}

View File

@@ -58,7 +58,7 @@
}
.user-menu .menu-dropdown .options li a {
.user-menu .menu-dropdown .menu-contents li a {
background-repeat: no-repeat;
background-size: 1em;
@@ -67,17 +67,18 @@
background-image: url('images/protocol-icons/guac-monitor.png');
}
.user-menu .menu-dropdown .options li a[href="#/"] {
.user-menu .menu-dropdown .menu-contents li a[href="#/"] {
background-image: url('images/action-icons/guac-home-dark.png');
}
.user-menu .menu-dropdown .options li a[href="#/settings/users"],
.user-menu .menu-dropdown .options li a[href="#/settings/connections"],
.user-menu .menu-dropdown .options li a[href="#/settings/sessions"],
.user-menu .menu-dropdown .options li a[href="#/settings/preferences"] {
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"],
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/connections"],
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/sessions"],
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/preferences"] {
background-image: url('images/action-icons/guac-config-dark.png');
}
.user-menu .menu-dropdown .options li a.logout {
.user-menu .menu-dropdown .menu-contents li a.logout {
background-image: url('images/action-icons/guac-logout-dark.png');
}

View File

@@ -2,6 +2,6 @@
<div class="menu-title">{{menuTitle}}</div>
<div class="menu-indicator"></div>
<!-- Menu options -->
<div class="options" ng-transclude></div>
<!-- Menu contents -->
<div class="menu-contents" ng-transclude></div>
</div>