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) {

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

@ -1,36 +1,42 @@
<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">
<i class="SetupItem-icon SetupItem-icon--credentials HoverIcon-icon HoverIcon-icon--color Media-figure"> <div class="Media">
<aw-icon name="Credentials"></aw-icon> <i class="SetupItem-icon SetupItem-icon--credentials HoverIcon-icon HoverIcon-icon--color Media-figure">
</i> <aw-icon name="Credentials"></aw-icon>
<div class="Media-body"> </i>
<h4 class="SetupItem-title">Credentials</h4> <div class="Media-body">
<p class="SetupItem-description"> <h4 class="SetupItem-title">Credentials</h4>
Add passwords, SSH keys, etc. for Tower to use when launching jobs against machines, or when syncing inventories or projects. <p class="SetupItem-description">
</p> Add passwords, SSH keys, etc. for Tower to use when launching jobs against machines, or when syncing inventories or projects.
</p>
</div>
</div> </div>
</a> </a>
<a link-to="users" class="SetupItem HoverIcon Media"> <a link-to="users" class="SetupItem HoverIcon">
<i class="SetupItem-icon HoverIcon-icon HoverIcon-icon--color Media-figure"> <div class="Media">
<aw-icon name="Users"></aw-icon> <i class="SetupItem-icon HoverIcon-icon HoverIcon-icon--color Media-figure">
</i> <aw-icon name="Users"></aw-icon>
<div class="Media-body"> </i>
<h4 class="SetupItem-title">Users</h4> <div class="Media-body">
<p class="SetupItem-description"> <h4 class="SetupItem-title">Users</h4>
Allow others to sign into Tower and own the content they create. <p class="SetupItem-description">
</p> Allow others to sign into Tower and own the content they create.
</p>
</div>
</div> </div>
</a> </a>
<a link-to="teams" class="SetupItem HoverIcon Media"> <a link-to="teams" class="SetupItem HoverIcon">
<i class="SetupItem-icon HoverIcon-icon HoverIcon-icon--color Media-figure"> <div class="Media">
<aw-icon name="Teams"></aw-icon> <i class="SetupItem-icon HoverIcon-icon HoverIcon-icon--color Media-figure">
</i> <aw-icon name="Teams"></aw-icon>
<div class="Media-block"> </i>
<h4 class="SetupItem-title">Teams</h4> <div class="Media-block">
<p class="SetupItem-description"> <h4 class="SetupItem-title">Teams</h4>
Split up your organization to associate content and control permissions for groups. <p class="SetupItem-description">
</p> Split up your organization to associate content and control permissions for groups.
</p>
</div>
</div> </div>
</a> </a>
</nav> </nav>