mirror of
https://github.com/ansible/awx.git
synced 2026-03-05 10:41:05 -03:30
update dashboard counts to 3 styling
This commit is contained in:
@@ -18,6 +18,12 @@
|
|||||||
padding-left: 15px;
|
padding-left: 15px;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
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,7 +32,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.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)";
|
||||||
@@ -58,6 +63,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 +73,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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user