TrizTech/ohif-viewer
17
0 Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

LT-311: Improve Icons in User Menu

Browse Source
This commit is contained in:
Eloízio Salgado authored and Erik Ziegler committed 2016-11-15 08:25:09 +01:00
1 parent 87331b7254
commit 512fed9436
4 files changed
+77 -6
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Packages/ohif-user-management/client/components/userAccountMenu/userAccountMenu.html
+18 -6
View File
@@ -11,37 +11,49 @@
{{#if showStudyListMenu}}
<li>
<a href="studylist" id="studylist">
<i class="fa fa-list-ul"></i> Study List
<svg class="study-list">
<use xlink:href=/packages/ohif_user-management/assets/user-menu-icons.svg#study-list></use>
</svg> Study List
</a>
</li>
{{else}}
<li>
<a href="/audit" id="audit">
<i class="fa fa-list-ul"></i> View Audit Log
<svg class="log">
<use xlink:href=/packages/ohif_user-management/assets/user-menu-icons.svg#log></use>
</svg> View Audit Log
</a>
</li>
{{/if}}
<li role="separator" class="divider"></li>
<li>
<a id="themeSelector">
<i class="fa fa-sliders fa-lg"></i> Themes
<svg class="theme">
<use xlink:href=/packages/ohif_user-management/assets/user-menu-icons.svg#theme></use>
</svg> Themes
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a id="serverInformation">
<i class="fa fa-server fa-lg"></i> Server Information
<svg class="server">
<use xlink:href=/packages/ohif_user-management/assets/user-menu-icons.svg#server></use>
</svg> Server Information
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="changePassword" id="changePassword">
<i class="fa fa-lock"></i> Change Password
<svg class="password">
<use xlink:href=/packages/ohif_user-management/assets/user-menu-icons.svg#password></use>
</svg> Change Password
</a>
</li>
<li>
<a id="logoutButton">
<i class="fa fa-power-off"></i> Logout
<svg class="logout">
<use xlink:href=/packages/ohif_user-management/assets/user-menu-icons.svg#logout></use>
</svg> Logout
</a>
</li>
</ul>
Packages/ohif-user-management/client/components/userAccountMenu/userAccountMenu.styl
+30
View File
@@ -1,5 +1,9 @@
@import "{design}/app"
$iconMargin = 5px
$iconWidth = 16px
$iconHeight = 16px
#userAccountMenu
padding: 4px 0
height: 100%
@@ -30,3 +34,29 @@
ul.dropdown-menu
li
cursor: pointer
svg
margin-right: $iconMargin
width: $iconWidth
height: $iconHeight
text-align: center
svg
display: inline-block
vertical-align: middle
&.server
width: $iconWidth - 3
height: $iconWidth - 3
margin-right: $iconMargin + 2
margin-left: 1px
&.theme
width: $iconWidth + 2
height: $iconWidth + 2
margin-right: $iconMargin - 2
&.study-list
width: $iconWidth + 2
height: $iconWidth + 2
margin-right: $iconMargin - 2