Files
awx/awx/ui/client/legacy-styles/dashboard.less
Leigh Johnson ce61fe4a42 Refactor UI Build System (#3203)
* initial build trial, clean up awx/ui

* fix hardcoded refs to ng-toast, add jshint preloader

* remove browserify test

* update grunt-jshint -> jshint module loader, browser-sync, update dev targets to build-docker-machine & build-docker-cid, fix blocking tasks

* less autoprefixer

* sample build commands

* fix release build

* update README

* karma config stub

* webpack config for karma tests

* karma preview for shane

* fix build-docker-machine target

* karma+webpack test pipeline configuration, stub tests

* fix smart/job status icons classes

* fix jquery + jsyaml shims, fix LESS cascade

* fix angular-codemirror dependency, explicitly import style/mode dependencies

* shim jsonlint

* fix angular-scheduler AMD imports, remove jquuery-ui shim, fix release config

* use closed $.fn.datepicker for system-tracking

* remove packaging/node/

* remove old tests

* shrinkwrap fragile dependency sandcastle, update README, lint

* first pass at fixing rrule shim

* update makefile targets

* update gitignore w/ new flag file

* add saucelabs karma config

* add license controller test

* add examples of service and directive tests

* Makefile flubs

* consolidate clean-ui target, compulsively update flag file location

* dep on CJS/AMD/UMD compatible version of rrule lib, fix example tests/config for demo

* boilerplate karma config for saucelabs (should be abstracted to common config after proven to work)

* update docs

* docs feedback

* update Dockerfile with Node 6.x dep
2016-08-17 16:09:54 -04:00

118 lines
1.9 KiB
Plaintext

/*********************************************
* Copyright (c) 2015 Ansible, Inc.
*
* dashboard.css
*
* custom styles for the new dashboard
*
*/
@import "./client/src/shared/branding/colors.less";
.graph-wrapper {
width: 100%;
}
.graph {
background-color: white;
// @include transition(width 2s ease-in-out, height 2s ease-in-out);
position: relative;
text-align: center;
width: 100%;
height: 100%;
margin: 0 auto;
}
.job-status-graph, .host-count-graph{
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.line {
fill: none;
stroke: steelblue;
stroke-width: 1.5px;
}
.dashboard-jobs-list-container {
border: 1px solid @grey;
border-radius: 4px;
padding: 5px;
}
/*
.graph-container{
border: 1px solid @grey;
border-radius: 4px;
padding: 5px;
margin-bottom: 15px;
}
due to the login screen showing on top of the dashboard, we're hiding the borders until after the user logs in*/
.count-container{
border: 1px solid @grey;
border-radius: 4px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
}
#replacementImg{
align:center;
width: 100px;
height: 100px;
}
#dashboard-tab-content{
padding-top: 5px;
}
#dashboard-tab-content .search-row #active-jobs-search-container{
height: 35px;
}
#dashboard-tab-content table{
margin-bottom: 10px;
}
.dashboard-jobs-list-container {
#jobs_table,
#schedules_table {
table-layout:fixed;
}
#jobs_table .name-column,
#schedules_table .name-column {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
#dash-jobs-list{
padding-bottom: 15px;
}
@media (min-width: 769px) {
.left-side {
padding-right: 7px;
}
.right-side {
padding-left: 7px;
}
}
.m, .n{
cursor:pointer;
}