External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-03-07 19:51:08 -03:30
Code Issues Packages Projects Releases Wiki Activity

Use inline svg icons on context menu

Browse Source
This commit is contained in:
Joe Fiorini
2015-05-01 16:08:42 -04:00
parent 51e10675ab
commit 24cc7c0611
2 changed files with 24 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
awx/ui/static/js/main-menu/menu-default.partial.html
View File

@@ -11,20 +11,30 @@
Jobs Jobs
</a> </a>
<a href="/#/users/{{currentUser.id}}" class="MenuItem MenuItem--right MenuItem--fixed MenuItem-username"> <a href="/#/users/{{currentUser.id}}" class="MenuItem MenuItem--right MenuItem--fixed MenuItem-username">
<img src="/static/img/User.svg" class="MenuItem-icon MenuItem-icon--labelled"> <i class="MenuItem-icon MenuItem-icon--labelled">
<aw-icon name="User"></aw-icon>
</i>
<span class="u-truncatedText"> <span class="u-truncatedText">
{{currentUser.username}} {{currentUser.username}}
</span> </span>
</a> </a>
<a href="#/setup" class="MenuItem MenuItem--fixed"> <a href="#/setup" class="MenuItem MenuItem--fixed">
<img title="Setup" data-placement="bottom" src="/static/img/Setup.svg" class="MenuItem-icon"> <i class="MenuItem-icon" title="Setup" data-placement="bottom">
<span class="MenuItem-helpTitle">Setup</span> <aw-icon name="Setup"></aw-icon>
</i>
<span class="MenuItem-helpTitle">Setup</span>
</a> </a>
<a portal-mode-link class="MenuItem MenuItem--fixed"> <a portal-mode-link class="MenuItem MenuItem--fixed">
<img src="/static/img/PortalMode.svg" title="Portal Mode" data-placement="bottom" class="MenuItem-icon"> <i class="MenuItem-icon" title="Portal Mode" data-placement="bottom">
<aw-icon name="PortalMode"></aw-icon>
<!-- <img src="/static/img/PortalMode.svg" title="Portal Mode" data-placement="bottom" class="MenuItem-icon"> -->
</i>
<span class="MenuItem-helpTitle">Portal Mode</span> <span class="MenuItem-helpTitle">Portal Mode</span>
</a> </a>
<a href="#/logout"class="MenuItem MenuItem--fixed MenuItem-signout"> <a href="#/logout"class="MenuItem MenuItem--fixed">
<img src="/static/img/Signout.svg" title="Sign out" data-placement="bottom" class="MenuItem-icon"> <i class="MenuItem-icon" title="Sign Out" data-placement="bottom">
<span class="MenuItem-helpTitle">Sign Out</span> <aw-icon name="Signout"></aw-icon>
<!-- <img src="/static/img/Signout.svg" title="Sign out" data-placement="bottom" class="MenuItem-icon"> -->
</i>
<span class="MenuItem-helpTitle" data-placement="bottom">Sign Out</span>
</a> </a>

15
awx/ui/static/js/shared/menu/menu-item.block.less
View File

@@ -39,7 +39,10 @@
&--fixed { &--fixed {
flex: none; flex: none;
min-width: 0; min-width: 0;
margin-right: 0 !important; margin-right: 0;
@media screen and (min-width: 571px) {
padding: 0 0.75rem;
}
} }
&-helpTitle { &-helpTitle {
@@ -97,9 +100,11 @@
} }
&-icon { &-icon {
height: 13px; height: 17px;
width: auto; width: auto;
max-width: 18px;
flex: none; flex: none;
box-sizing: initial;
&--labelled { &--labelled {
margin-right: 0.25rem; margin-right: 0.25rem;
} }
@@ -119,10 +124,4 @@
} }
} }
&-signout {
@media screen and (min-width: 571px) {
padding-left: 0.25rem;
}
}
} }