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; text-transform: none;
} }
.client .user-menu .options li a.disconnect { .client .user-menu .menu-contents li a.disconnect {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 1em; background-size: 1em;
background-position: 0.75em center; background-position: 0.75em center;

View File

@@ -91,7 +91,7 @@
} }
.menu-dropdown .options { .menu-dropdown .menu-contents {
visibility: hidden; visibility: hidden;
@@ -110,21 +110,21 @@
} }
.menu-dropdown .options ul { .menu-dropdown .menu-contents ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.menu-dropdown.open .options { .menu-dropdown.open .menu-contents {
visibility: visible; visibility: visible;
} }
.menu-dropdown .options li { .menu-dropdown .menu-contents li {
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
} }
.menu-dropdown .options li a { .menu-dropdown .menu-contents li a {
display: block; display: block;
cursor: pointer; cursor: pointer;
@@ -134,23 +134,23 @@
} }
.menu-dropdown .options li a:hover { .menu-dropdown .menu-contents li a:hover {
background-color: #CDA; background-color: #CDA;
} }
.menu-dropdown .options li a.current, .menu-dropdown .menu-contents li a.current,
.menu-dropdown .options li a.current:hover { .menu-dropdown .menu-contents li a.current:hover {
background-color: transparent; background-color: transparent;
cursor: default; cursor: default;
opacity: 0.25; opacity: 0.25;
} }
.menu-dropdown .options li a.danger { .menu-dropdown .menu-contents li a.danger {
color: white; color: white;
font-weight: bold; font-weight: bold;
background-color: #A43; background-color: #A43;
} }
.menu-dropdown .options li a.danger:hover { .menu-dropdown .menu-contents li a.danger:hover {
background-color: #C54; 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-repeat: no-repeat;
background-size: 1em; background-size: 1em;
@@ -67,17 +67,18 @@
background-image: url('images/protocol-icons/guac-monitor.png'); 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'); background-image: url('images/action-icons/guac-home-dark.png');
} }
.user-menu .menu-dropdown .options li a[href="#/settings/users"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"],
.user-menu .menu-dropdown .options li a[href="#/settings/connections"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/connections"],
.user-menu .menu-dropdown .options li a[href="#/settings/sessions"], .user-menu .menu-dropdown .menu-contents 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/preferences"] {
background-image: url('images/action-icons/guac-config-dark.png'); 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'); 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-title">{{menuTitle}}</div>
<div class="menu-indicator"></div> <div class="menu-indicator"></div>
<!-- Menu options --> <!-- Menu contents -->
<div class="options" ng-transclude></div> <div class="menu-contents" ng-transclude></div>
</div> </div>