Skip to content
78 changes: 71 additions & 7 deletions css/dashboard.css
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/* @group Front page */

#statify_chart {
.statify-chart {
color: #a7aaad;
flex: 0 0 100%;
height: 140px;
Expand All @@ -10,34 +10,48 @@
text-align: center;
}

#statify_chart * {
.statify-chart * {
direction: ltr;
}

body.rtl #statify_chart * {
body.rtl .statify-chart * {
direction: rtl;
}

#statify_chart .spinner {
.statify-chart .spinner {
float: none;
margin: 1em;
}

#statify_chart .ct-line {
.statify-chart .ct-line {
stroke: #3582c4;
stroke-width: 2px;
}

#statify_chart .ct-point {
.statify-chart .ct-point {
fill: #fff;
stroke: #3582c4;
stroke-width: 1.5px;
}

#statify_chart .ct-area {
.statify-chart .ct-area {
fill: #3582c4;
}

.statify-chart .ct-bar {
stroke: #3582c4;
}

.statify-chart .ct-label.ct-horizontal.ct-end {
align-items: center;
justify-content: center;
margin-left: -50%;
}

.statify-chart .ct-chart-bar .ct-label.ct-horizontal.ct-end {
margin-left: initial;
}

.statify-chartist-tooltip {
border: 1px solid #000;
background-color: #fff;
Expand All @@ -55,6 +69,29 @@ body.rtl #statify_chart * {
color: #3582c4;
}


.statify-table th,
.statify-table tr.statify-table-sum td,
.statify-table td.statify-table-sum {
font-weight: 700;
}

.statify-table tr.placeholder {
background-color: #fff;
}

.statify-table tr.placeholder td span {
background-color: #f5f5f5;
border-radius: 1em;
display: inline-block;
width: 80%;
}

.statify-table + a.button {
margin: 1em 0 0 1em;
}


#statify_dashboard .postbox-title-action a,
#statify_dashboard .settings-link a {
display: block;
Expand Down Expand Up @@ -139,4 +176,31 @@ body.rtl #statify_chart * {
line-height: 28px;
}

.statify-chart-container {
background: #fff;
margin: 1em 0;
padding: 1em;
}

.statify-chart-container .statify-chart {
height: 280px;
margin: 10px 20px;
}

.statify-chart-container .statify-legend {
column-gap: 2em;
column-width: 20em;
list-style-type: decimal;
}

.statify-chart-title {
text-align: center;
font-size: 1.5em;
padding: 0.5em 0;
}

#statify-dashboard-controls {
margin: 1em 0;
}

/* @end group */
Loading