github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-30 23:15:46 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Minor dashboard style adjustments

Browse Source
This commit is contained in:
Kris 2018-08-09 20:43:18 -04:00
parent 3cd4dc0f5f
commit 2e1049a75a
4 changed files with 27 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/common/admin/admin_report.scss
View File

@ -6,6 +6,7 @@
align-self: flex-start; align-self: flex-start;
text-align: center; text-align: center;
padding: 3em; padding: 3em;
margin-bottom: 1.5em;
box-sizing: border-box; box-sizing: border-box;
} }
@ -36,7 +37,8 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 1em; margin-top: 0.5em;
margin-bottom: 0.5em;
.report-title { .report-title {
align-items: center; align-items: center;
@ -169,16 +171,16 @@
} }
.admin-report.users-by-type { .admin-report.users-by-type {
margin-top: 1em; margin-top: 1.5em;
} }
.admin-report.users-by-type, .admin-report.users-by-type,
.admin-report.users-by-trust-level { .admin-report.users-by-trust-level {
margin-bottom: 1em; margin-bottom: 1.5em;
flex: 1; flex: 1;
.report-header { .report-header {
border-bottom: 1px solid $primary-medium; border-bottom: 1px solid $primary-medium;
padding-bottom: 0.5em; padding-bottom: 0.25em;
border-bottom: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;
} }
} }

7
app/assets/stylesheets/common/admin/admin_report_counters.scss
View File

@ -2,6 +2,7 @@
display: flex; display: flex;
flex: 1; flex: 1;
flex-direction: column; flex-direction: column;
border-bottom: 1px solid $primary-low;
.counters-header { .counters-header {
display: grid; display: grid;
@ -34,9 +35,6 @@
} }
.admin-report.counters { .admin-report.counters {
&:last-child .admin-report-counters {
border-bottom: 1px solid $primary-low;
}
.admin-report-counters { .admin-report-counters {
display: grid; display: grid;
@ -110,8 +108,7 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
font-size: $font-0; font-size: $font-0;
border: 0; border-bottom: 0;
background: $primary-low;
color: $primary-medium; color: $primary-medium;
.d-icon { .d-icon {
font-size: $font-up-1; font-size: $font-up-1;

3
app/assets/stylesheets/common/admin/admin_report_table.scss
View File

@ -10,7 +10,7 @@
.pagination { .pagination {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
margin-top: 0.5em; margin-top: 0.25em;
button { button {
margin-left: 0.5em; margin-left: 0.5em;
@ -36,7 +36,6 @@
table-layout: fixed; table-layout: fixed;
border: 1px solid $primary-low; border: 1px solid $primary-low;
margin-top: 0; margin-top: 0;
margin-bottom: 10px;
tbody { tbody {
border: none; border: none;

31
app/assets/stylesheets/common/admin/dashboard_next.scss
View File

@ -7,28 +7,33 @@
.dashboard-next { .dashboard-next {
.section-top { .section-top {
margin-bottom: 1em; margin-bottom: .5em;
} }
.navigation { .navigation {
display: flex; display: flex;
margin: 0 0 1em 0; margin: 0 0 2.5em 0;
border-bottom: 1px solid $primary-low-mid;
.navigation-item { .navigation-item {
display: inline; display: inline;
background: $secondary; background: $secondary;
padding: 0.5em 1em; &:hover {
background: $primary-very-low;
}
} }
.navigation-link { .navigation-link {
font-weight: 700; display: block;
font-weight: bold;
padding: .6em 1em .5em 1em;
} }
} }
@mixin active-navigation-item { @mixin active-navigation-item {
border-radius: 3px 3px 0 0; .navigation-link {
border: 1px solid $primary-low; border-bottom: .4em solid $tertiary;
border-bottom: 10px solid $secondary; }
} }
&.dashboard-next-moderation .navigation-item.moderation { &.dashboard-next-moderation .navigation-item.moderation {
@ -108,6 +113,9 @@
.section-body { .section-body {
padding: 1em 0 0; padding: 1em 0 0;
> p {
margin-top: 0;
}
} }
} }
@ -122,7 +130,6 @@
flex-grow: 1; flex-grow: 1;
flex-basis: 100%; flex-basis: 100%;
display: flex; display: flex;
margin-bottom: 1em;
} }
@include breakpoint(medium) { @include breakpoint(medium) {
@ -158,6 +165,7 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
border-right: 1px solid $primary-low;
.backups, .backups,
.uploads { .uploads {
@ -189,7 +197,6 @@
} }
} }
.last-dashboard-update { .last-dashboard-update {
border-left: 1px solid $primary-low;
text-align: center; text-align: center;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -229,7 +236,7 @@
} }
.dashboard-problems { .dashboard-problems {
margin-bottom: 2em; margin-bottom: 2.5em;
.d-icon-exclamation-triangle { .d-icon-exclamation-triangle {
color: $danger; color: $danger;
@ -242,8 +249,6 @@
} }
.admin-report-table { .admin-report-table {
margin-bottom: 1em;
&.is-disabled { &.is-disabled {
background: $primary-low; background: $primary-low;
padding: 1em; padding: 1em;
@ -263,7 +268,7 @@
} }
.activity-metrics { .activity-metrics {
margin-bottom: 1em; margin-bottom: .25em;
} }
.user-metrics { .user-metrics {