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

GUAC-1120: Add rudimentary menu styling.

Browse Source
This commit is contained in:
Michael Jumper
2015-03-11 18:30:46 -07:00
parent 9a8aa14674
commit 191046712c
2 changed files with 29 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
guacamole/src/main/webapp/app/userMenu/styles/user-menu.css
View File

@@ -22,10 +22,27 @@
.user-menu {
padding: 0.45em;
text-align: right;
float: right;
}
.user-menu a.username {
display: block;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.user-menu .options {
margin: 0;
padding: 0;
background: gray;
}
.user-menu .options li {
padding: 0.25em 0.5em;
list-style-type: none;
}
.user-menu .password-dialog {
visibility: hidden;
opacity: 0;

16
guacamole/src/main/webapp/app/userMenu/templates/guacUserMenu.html
View File

@@ -21,7 +21,17 @@
THE SOFTWARE.
-->
<a class="change-password button" ng-click="showPasswordUpdate()" ng-show="canChangePassword">{{'USER_MENU.ACTION_CHANGE_PASSWORD' | translate}}</a>
<a class="username button">{{username}}</a>
<!-- Menu options -->
<ul class="options">
<li><a class="home" href="#/">{{'USER_MENU.ACTION_NAVIGATE_HOME' | translate}}</a></li>
<li><a class="manage" ng-show="canManageGuacamole" href="#/manage/">{{'USER_MENU.ACTION_MANAGE' | translate}}</a></li>
<li><a class="change-password" ng-click="showPasswordUpdate()" ng-show="canChangePassword">{{'USER_MENU.ACTION_CHANGE_PASSWORD' | translate}}</a></li>
<li><a class="logout" ng-click="logout()">{{'USER_MENU.ACTION_LOGOUT' | translate}}</a></li>
</ul>
<!-- Password dialog -->
<div class="password-dialog" ng-class="{shown: showPasswordDialog}">
<!-- Password editor -->
<div class="section">
@@ -48,8 +58,4 @@
</div>
</div>
<a class="home button" href="#/">{{'USER_MENU.ACTION_NAVIGATE_HOME' | translate}}</a>
<a class="manage button" ng-show="canManageGuacamole" href="#/manage">{{'USER_MENU.ACTION_MANAGE' | translate}}</a>
<a class="logout button" ng-click="logout()">{{'USER_MENU.ACTION_LOGOUT' | translate}}</a>
</div>