Browse Source
Enhance dashboard styles (#16884)
* Display sparkline graph on Chrome
* Heatmap auto overflow
* Change grid columns number on small screen
* Please codeclimate bot
* Remove graph height
closed-social-glitch-2
Mashiro
3 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with
12 additions and
0 deletions
-
app/javascript/styles/mastodon/admin.scss
-
app/javascript/styles/mastodon/dashboard.scss
|
|
@ -920,6 +920,13 @@ a.name-tag, |
|
|
|
} |
|
|
|
|
|
|
|
.retention { |
|
|
|
overflow: auto; |
|
|
|
|
|
|
|
> h4 { |
|
|
|
position: sticky; |
|
|
|
left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
&__table { |
|
|
|
&__number { |
|
|
|
color: $secondary-text-color; |
|
|
@ -1018,6 +1025,7 @@ a.name-tag, |
|
|
|
&__graph { |
|
|
|
position: absolute; |
|
|
|
bottom: 0; |
|
|
|
width: 100%; |
|
|
|
|
|
|
|
svg { |
|
|
|
display: block; |
|
|
|
|
|
@ -61,6 +61,10 @@ |
|
|
|
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); |
|
|
|
grid-gap: 10px; |
|
|
|
|
|
|
|
@media screen and (max-width: 1350px) { |
|
|
|
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); |
|
|
|
} |
|
|
|
|
|
|
|
&__item { |
|
|
|
&--span-double-column { |
|
|
|
grid-column: span 2; |
|
|
|