shaba/awx
1
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2024-10-31 23:51:09 +03:00
Code Releases Activity

Setup menu doesn't need as much flexbox

Browse Source
This commit is contained in:
Joe Fiorini 2015-06-25 10:47:26 -04:00
parent 8095f88e38
commit 8315f7f678
3 changed files with 36 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
awx/ui/static/js/setup-menu/setup-item.block.less
View File

@ -15,8 +15,9 @@
padding: @vertical-basis 0; padding: @vertical-basis 0;
display: block;
color: black; color: black;
flex: 1 0 100%;
transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out;
background-color: white; background-color: white;
@ -35,7 +36,7 @@
} }
&-icon { &-icon {
// height: 28px;
&--aside { &--aside {
align-self: flex-start; align-self: flex-start;
margin-top: 3px; margin-top: 3px;

4
awx/ui/static/js/setup-menu/setup-menu.block.less
View File

@ -4,11 +4,7 @@
@menu-breakpoint: 710px; @menu-breakpoint: 710px;
.SetupMenu { .SetupMenu {
display: flex;
width: 100%; width: 100%;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
margin-left: 0; margin-left: 0;
@media screen and (max-width: @menu-breakpoint) { @media screen and (max-width: @menu-breakpoint) {

12
awx/ui/static/js/setup-menu/setup-menu.partial.html
View File

@ -1,6 +1,7 @@
<section id="htmlTemplate" class="Container"> <section id="htmlTemplate" class="Container">
<nav class="SetupMenu Container-main"> <nav class="SetupMenu Container-main">
<a link-to="credentials" class="SetupItem HoverIcon Media"> <a link-to="credentials" class="SetupItem HoverIcon">
<div class="Media">
<i class="SetupItem-icon SetupItem-icon--credentials HoverIcon-icon HoverIcon-icon--color Media-figure"> <i class="SetupItem-icon SetupItem-icon--credentials HoverIcon-icon HoverIcon-icon--color Media-figure">
<aw-icon name="Credentials"></aw-icon> <aw-icon name="Credentials"></aw-icon>
</i> </i>
@ -10,8 +11,10 @@
Add passwords, SSH keys, etc. for Tower to use when launching jobs against machines, or when syncing inventories or projects. Add passwords, SSH keys, etc. for Tower to use when launching jobs against machines, or when syncing inventories or projects.
</p> </p>
</div> </div>
</div>
</a> </a>
<a link-to="users" class="SetupItem HoverIcon Media"> <a link-to="users" class="SetupItem HoverIcon">
<div class="Media">
<i class="SetupItem-icon HoverIcon-icon HoverIcon-icon--color Media-figure"> <i class="SetupItem-icon HoverIcon-icon HoverIcon-icon--color Media-figure">
<aw-icon name="Users"></aw-icon> <aw-icon name="Users"></aw-icon>
</i> </i>
@ -21,8 +24,10 @@
Allow others to sign into Tower and own the content they create. Allow others to sign into Tower and own the content they create.
</p> </p>
</div> </div>
</div>
</a> </a>
<a link-to="teams" class="SetupItem HoverIcon Media"> <a link-to="teams" class="SetupItem HoverIcon">
<div class="Media">
<i class="SetupItem-icon HoverIcon-icon HoverIcon-icon--color Media-figure"> <i class="SetupItem-icon HoverIcon-icon HoverIcon-icon--color Media-figure">
<aw-icon name="Teams"></aw-icon> <aw-icon name="Teams"></aw-icon>
</i> </i>
@ -32,6 +37,7 @@
Split up your organization to associate content and control permissions for groups. Split up your organization to associate content and control permissions for groups.
</p> </p>
</div> </div>
</div>
</a> </a>
</nav> </nav>
<aside class="Container-aside"> <aside class="Container-aside">