External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-12 20:07:37 -02:30
Code Issues Packages Projects Releases Wiki Activity

2.0 styling

Browse Source 
Started applying new styles starting with removal of tabs. Brought in new breadcrumb format and blended with inventory edit group breadcrumbs. Rather than attempting to override bootstrap styles after the fact, copied boostrap less file and started modifying those to create ansible-boostrap.css, as described in the boostrap documentation.
This commit is contained in:
Chris Houseknecht
2014-06-18 13:42:25 -04:00
parent ef1ca7be0b
commit bc08d8f82a
52 changed files with 7637 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
awx/ui/static/less/ansible-ui.less
View File

@@ -28,7 +28,10 @@
@tip-background: #0088CC;
@tip-color: #fff;
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400, 600);
@import "main-layout.less";
@import "animations.less";
@import "jquery-ui-overrides.less";
@import "codemirror.less";
@@ -37,19 +40,9 @@
@import "job-details.less";
@import "jobs.less";
@import "inventory-edit.less";
@import "breadcrumbs.less";
html, body { height: 100%; }
html {
background-color: @white;
}
body {
padding-top: 75px;
color: @black;
}
/* Bootstrap fix that's causing a right margin to appear
whenver a modal is opened */
body.modal-open {
@@ -412,56 +405,10 @@ dd {
background-color: @black;
}
.main-menu .nav {
margin-top: 0;
}
.main-menu .nav > li > a {
font-size: 12px;
color: @grey;
}
.main-menu .nav > li > a:hover,
.main-menu .nav > li > a:focus {
color: @blue;
}
#main_tabs.nav-tabs>li.active>a, #main_tabs.nav-tabs>li.active>a:hover, #main_tabs.nav-tabs>li.active>a:focus {
color: @blue;
cursor: pointer;
}
.text-justify {
text-align: justify;
}
.navbar-collapse {
padding-right: 0;
}
.main-menu .nav >li >a:last-child {
padding-right: 0;
padding-left: 20px;
}
.navbar>.container-fluid .navbar-brand {
height: 0;
margin-left: 0;
margin-top: 11px;
}
/* Using inline-block rather than block keeps
brand img from right aligning into the collapse button
on mobile screens */
.main-menu .navbar-brand {
display: inline-block;
padding: 0;
}
.main-menu .navbar-brand img {
max-width: 260px;
}
.help-link,
.help-link:active,
.help-link:visited,