Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Tweak spacing in the admin dashboard (#13557) 

Even margins, indented `li > ul`, no extra space inside parens `( sha )`.
This commit is contained in:
Jarek Radosz 2021-06-28 23:35:31 +02:00 committed by GitHub
parent d860e2717b
commit 6afba42985
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 49 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
app/assets/stylesheets/common/admin/dashboard.scss
View File

@ -8,13 +8,9 @@
.dashboard, .dashboard,
.dashboard-next { .dashboard-next {
.section-top {
margin-bottom: 0.5em;
}
.navigation { .navigation {
display: flex; display: flex;
margin: 0 0 2.5em 0; margin: 0 0 1em 0;
border-bottom: 1px solid var(--primary-low-mid); border-bottom: 1px solid var(--primary-low-mid);
.navigation-item { .navigation-item {
@ -101,6 +97,16 @@
.section { .section {
.section-title { .section-title {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--primary-low);
padding-bottom: 0.5em;
@media screen and (max-width: 400px) {
flex-wrap: wrap;
}
h2 { h2 {
margin: 0 0.5em 0 0; margin: 0 0.5em 0 0;
@ -108,20 +114,11 @@
color: var(--primary); color: var(--primary);
} }
} }
display: flex;
@media screen and (max-width: 400px) {
flex-wrap: wrap;
}
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--primary-low);
margin-bottom: 0.5em;
padding-bottom: 0.5em;
} }
.section-body { .section-body {
padding: 1em 0 0; margin-top: 1em;
> p { > p {
margin-top: 0; margin-top: 0;
} }
@ -223,7 +220,7 @@
} }
.top-referred-topics { .top-referred-topics {
margin-bottom: 1.5em; margin-bottom: 2em;
} }
.top-referred-topics, .top-referred-topics,
@ -247,7 +244,11 @@
} }
.dashboard-problems { .dashboard-problems {
margin-bottom: 2.5em; margin-bottom: 2em;
.problem-messages ul {
margin: 0 0 0 1.25em;
}
.d-icon-exclamation-triangle { .d-icon-exclamation-triangle {
color: var(--danger); color: var(--danger);
@ -341,7 +342,7 @@
} }
.activity-metrics { .activity-metrics {
margin-bottom: 1.5em; margin-bottom: 2em;
} }
.user-metrics { .user-metrics {
@ -440,17 +441,17 @@
.users-by-trust-level, .users-by-trust-level,
.users-by-type { .users-by-type {
margin-bottom: 1.5em; margin-bottom: 2em;
} }
.community-health.section { .community-health.section {
margin-bottom: 1.5em; margin-bottom: 2em;
} }
.dashboard-moderation, .dashboard-moderation,
.dashboard-security { .dashboard-security {
.section-body { .section-body {
margin-bottom: 1em; margin-bottom: 2em;
} }
.main-section { .main-section {
@ -519,10 +520,15 @@
.version-checks { .version-checks {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
.section-title { .section-title {
flex: 1 1 100%; flex: 1 1 100%;
border-bottom: 1px solid var(--primary-low); border-bottom: 1px solid var(--primary-low);
margin-bottom: 0.5em; padding-bottom: 0.5em;
}
h2 {
margin: 0;
} }
} }
@ -533,44 +539,56 @@
align-items: flex-start; align-items: flex-start;
align-self: flex-start; align-self: flex-start;
justify-content: space-between; justify-content: space-between;
padding: 10px 0 10px 0; padding-top: 1em;
.upgrade-header { .upgrade-header {
flex: 1 1 100%; flex: 1 1 100%;
@media screen and (max-width: 650px) { @media screen and (max-width: 650px) {
margin: 0; margin: 0;
} }
tr { tr {
border: none; border: none;
} }
th { th {
background: transparent; background: transparent;
padding: 0; padding: 0;
} }
} }
h2 { h2 {
flex: 1 1 100%; flex: 1 1 100%;
} }
.version-number { .version-number {
font-size: $font-up-2; font-size: $font-up-2;
line-height: $line-height-medium; line-height: $line-height-small;
box-sizing: border-box; box-sizing: border-box;
font-weight: bold; font-weight: bold;
margin: 0 0 1em 0; margin-bottom: 2em;
padding-right: 20px; margin-right: 1em;
flex: 1 1 27%; flex: 1 1 27%;
h3 { h3 {
flex: 1 0 auto; flex: 1 0 auto;
margin: 0;
white-space: nowrap; white-space: nowrap;
} }
h4,
.sha-link { h4 {
font-size: $font-down-2; font-size: $font-down-2;
margin-bottom: 0; margin-bottom: 0.5em;
} }
.sha-link { .sha-link {
display: inline-flex;
font-size: $font-down-2;
font-weight: normal; font-weight: normal;
} }
} }
.version-status { .version-status {
display: flex; display: flex;
align-items: center; align-items: center;
@ -617,6 +635,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.dashboard-new-features { .dashboard-new-features {
&.ordered-first { &.ordered-first {
order: -1; order: -1;