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;
display: block;
color: black;
flex: 1 0 100%;
transition: background-color 0.15s ease-in-out;
background-color: white;
@ -35,7 +36,7 @@
}
&-icon {
// height: 28px;
&--aside {
align-self: flex-start;
margin-top: 3px;

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

@ -4,11 +4,7 @@
@menu-breakpoint: 710px;
.SetupMenu {
display: flex;
width: 100%;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
margin-left: 0;
@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">
<nav class="SetupMenu Container-main">
<a link-to="credentials" class="SetupItem HoverIcon Media">
<i class="SetupItem-icon SetupItem-icon--credentials HoverIcon-icon HoverIcon-icon--color Media-figure">
<aw-icon name="Credentials"></aw-icon>
</i>
<div class="Media-body">
<h4 class="SetupItem-title">Credentials</h4>
<p class="SetupItem-description">
Add passwords, SSH keys, etc. for Tower to use when launching jobs against machines, or when syncing inventories or projects.
</p>
<a link-to="credentials" class="SetupItem HoverIcon">
<div class="Media">
<i class="SetupItem-icon SetupItem-icon--credentials HoverIcon-icon HoverIcon-icon--color Media-figure">
<aw-icon name="Credentials"></aw-icon>
</i>
<div class="Media-body">
<h4 class="SetupItem-title">Credentials</h4>
<p class="SetupItem-description">
Add passwords, SSH keys, etc. for Tower to use when launching jobs against machines, or when syncing inventories or projects.
</p>
</div>
</div>
</a>
<a link-to="users" class="SetupItem HoverIcon Media">
<i class="SetupItem-icon HoverIcon-icon HoverIcon-icon--color Media-figure">
<aw-icon name="Users"></aw-icon>
</i>
<div class="Media-body">
<h4 class="SetupItem-title">Users</h4>
<p class="SetupItem-description">
Allow others to sign into Tower and own the content they create.
</p>
<a link-to="users" class="SetupItem HoverIcon">
<div class="Media">
<i class="SetupItem-icon HoverIcon-icon HoverIcon-icon--color Media-figure">
<aw-icon name="Users"></aw-icon>
</i>
<div class="Media-body">
<h4 class="SetupItem-title">Users</h4>
<p class="SetupItem-description">
Allow others to sign into Tower and own the content they create.
</p>
</div>
</div>
</a>
<a link-to="teams" class="SetupItem HoverIcon Media">
<i class="SetupItem-icon HoverIcon-icon HoverIcon-icon--color Media-figure">
<aw-icon name="Teams"></aw-icon>
</i>
<div class="Media-block">
<h4 class="SetupItem-title">Teams</h4>
<p class="SetupItem-description">
Split up your organization to associate content and control permissions for groups.
</p>
<a link-to="teams" class="SetupItem HoverIcon">
<div class="Media">
<i class="SetupItem-icon HoverIcon-icon HoverIcon-icon--color Media-figure">
<aw-icon name="Teams"></aw-icon>
</i>
<div class="Media-block">
<h4 class="SetupItem-title">Teams</h4>
<p class="SetupItem-description">
Split up your organization to associate content and control permissions for groups.
</p>
</div>
</div>
</a>
</nav>