External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-19 14:57:39 -02:30
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #510 from jlmitch5/dashboard_counts

Browse Source 
update dashboard counts to 3.0 styling
This commit is contained in:
jlmitch5
2015-11-24 20:38:04 -05:00
parent 1dbbd6fc4d 1c655befe5
commit 156b165065
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
awx/ui/client/src/dashboard/counts/dashboard-counts.block.less
View File

@@ -17,7 +17,13 @@
padding-bottom: 11px; padding-bottom: 11px;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
border-radius: 3px; border-radius: 5px;
background-color: #fff;
border: 1px solid #e1e1e1;
flex: 1 0 auto;
max-width: ~"calc(16.6% - 15px)";
flex-basis: ~"calc(16.6% - 15px)";
transition: background-color 0.2s, border-color 0.2s;
} }
@media only screen and (max-width: 710px) { @media only screen and (max-width: 710px) {
@@ -26,11 +32,11 @@
} }
.DashboardCounts-buttonStyle { .DashboardCounts-buttonStyle {
border: 1px solid #aaa;
margin-bottom: 15px; margin-bottom: 15px;
width: 33%; width: 33%;
flex-basis: ~"calc(33% - 7px)"; flex-basis: ~"calc(33% - 7px)";
max-width: ~"calc(33% - 7px)"; max-width: ~"calc(33% - 7px)";
height: 96px;
} }
} }
@@ -58,6 +64,7 @@
font-size: 30px; font-size: 30px;
line-height: 26px; line-height: 26px;
flex: 1; flex: 1;
transition: color 0.2s;
} }
.DashboardCounts-number.is-failure { .DashboardCounts-number.is-failure {
@@ -67,5 +74,7 @@
.DashboardCounts-label { .DashboardCounts-label {
flex: 1; flex: 1;
margin-bottom: 0px; margin-bottom: 0px;
color: #000; color: #848992;
text-transform: uppercase;
transition: color 0.2s;
} }

3
awx/ui/client/src/dashboard/dashboard.block.less
View File

@@ -10,9 +10,6 @@
.Dashboard-counts { .Dashboard-counts {
flex: initial; flex: initial;
width: 100%; width: 100%;
border: 1px solid #a9a9a9;
border-radius: 4px;
padding: 9px;
} }
.Dashboard-graphs { .Dashboard-graphs {