mirror of
https://github.com/ansible/awx.git
synced 2026-02-22 05:30:18 -03:30
8b3faa24e2
This commit includes the face lift for the lists on the dashboard. Remaining items/Known errors are: sort doesn't work on table columns I need to remove sparklines from the project fixing column resize issues and adding ellipses for long text that overflows the table cell. adding 20px spacing between columns per request of Taufique SmartStatus "running" icon and links for jobs list removing JQuery's Sparklines lib adding more padding to main layout for nav and footer
112 lines
1.8 KiB
Plaintext
112 lines
1.8 KiB
Plaintext
/*********************************************
|
|
* Copyright (c) 2015 Ansible, Inc.
|
|
*
|
|
* main-layout.css
|
|
*
|
|
* primary page layout styles
|
|
*
|
|
*/
|
|
|
|
html { height: 100%; }
|
|
|
|
body {
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-weight: 400;
|
|
color: @black;
|
|
padding-top: 60px;
|
|
min-height: 100%;
|
|
padding-bottom: 50px;
|
|
position: relative;
|
|
background-color: #f6f6f6;
|
|
}
|
|
|
|
#main-menu-container {
|
|
.navbar {
|
|
margin-bottom: 0;
|
|
}
|
|
#ansible-brand-logo {
|
|
width: 160px;
|
|
height: 53px;
|
|
margin-top: 5px;
|
|
margin-left: 10px;
|
|
}
|
|
/*.navbar-collapse {
|
|
margin-left: 47px;
|
|
}*/
|
|
.collapsed-option {
|
|
display: none;
|
|
}
|
|
.navbar-brand {
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
.nav > li > a {
|
|
padding-top: 11px;
|
|
padding-bottom: 11px;
|
|
}
|
|
}
|
|
|
|
#ansible-list-title {
|
|
display: none;
|
|
}
|
|
|
|
#content-container {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.group-breadcrumbs {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#socket-beacon-div {
|
|
display: none;
|
|
}
|
|
|
|
#socket-beacon-li {
|
|
display: block;
|
|
}
|
|
|
|
#account-submenu {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.site-footer {
|
|
height: 15px;
|
|
}
|
|
|
|
@media (max-width: 1075px) {
|
|
|
|
#main-menu-container {
|
|
.collapsed-option {
|
|
display: block;
|
|
}
|
|
}
|
|
#ansible-list-title {
|
|
display: inline-block;
|
|
position: relative;
|
|
top: 1px;
|
|
left: 10px;
|
|
color: @black;
|
|
text-transform:capitalize;
|
|
}
|
|
#account-menu {
|
|
display: none;
|
|
}
|
|
#account-submenu {
|
|
margin-left: 20px;
|
|
}
|
|
#socket-beacon-div {
|
|
display: block;
|
|
position: fixed;
|
|
right: 30px;
|
|
top: 5px;
|
|
margin-right: 50px;
|
|
margin-top: 15px;
|
|
}
|
|
#socket-beacon-li {
|
|
display: none;
|
|
}
|
|
}
|