mirror of
https://github.com/getredash/redash.git
synced 2026-03-22 10:00:17 -04:00
424751d9e9
* Migrate Counter to React: Renderer * Migrate Counter to React: Editor * Cleanup * Review and fix rows indexing algorithm * Counter not properly scaled in editor * Fix wrong label for/input id pair * Tests * Tests * Fix vendor prefixes * Remove unnecessary useEffect dependencies * Update tests * Fix Percy snapshot names
47 lines
868 B
Plaintext
Executable File
47 lines
868 B
Plaintext
Executable File
.counter-visualization-container {
|
|
display: block;
|
|
text-align: center;
|
|
padding: 15px 10px;
|
|
overflow: hidden;
|
|
|
|
.counter-visualization-content {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 80px;
|
|
line-height: normal;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
.counter-visualization-value,
|
|
.counter-visualization-target {
|
|
font-size: 1em;
|
|
display: block;
|
|
}
|
|
|
|
.counter-visualization-label {
|
|
font-size: 0.5em;
|
|
display: block;
|
|
}
|
|
|
|
.counter-visualization-target {
|
|
color: #ccc;
|
|
}
|
|
|
|
.counter-visualization-label {
|
|
font-size: 0.5em;
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
&.trend-positive .counter-visualization-value {
|
|
color: #5cb85c;
|
|
}
|
|
|
|
&.trend-negative .counter-visualization-value {
|
|
color: #d9534f;
|
|
}
|
|
}
|