mirror of
https://github.com/discourse/discourse.git
synced 2025-02-02 04:41:45 +08:00
1d6e54e54c
This commit continues on work laid out by 6039b513fe to redesign the /about page. In this commit, we add sections for showing the site admins and moderators.
The lists of admins and moderators display the 10 most recently seen admins/moderators, with a button to display the rest of admins or moderators. Admins or moderators that have not logged in to the site in the last year will not be shown. Clicking on an admin's or moderator's name/avatar will show their user card.
96 lines
1.5 KiB
SCSS
96 lines
1.5 KiB
SCSS
.about {
|
|
&__main-content {
|
|
display: grid;
|
|
grid-template-columns: 2.5fr 1fr;
|
|
column-gap: 4em;
|
|
}
|
|
|
|
&__stats {
|
|
display: flex;
|
|
border-top: 1px solid var(--primary-low);
|
|
border-bottom: 1px solid var(--primary-low);
|
|
padding: 1em 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
&__stats-item {
|
|
flex-grow: 1;
|
|
flex-basis: 0;
|
|
}
|
|
|
|
&__banner {
|
|
margin-bottom: 1em;
|
|
min-height: 300px;
|
|
max-height: 300px;
|
|
}
|
|
|
|
&__activities-item {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
&__activities-item-icon {
|
|
margin-right: 1em;
|
|
}
|
|
|
|
&__activities-item-period {
|
|
font-size: var(--font-down-2);
|
|
}
|
|
|
|
&__admins,
|
|
&__moderators {
|
|
margin-top: 3em;
|
|
|
|
h3 {
|
|
margin-bottom: 1em;
|
|
}
|
|
}
|
|
}
|
|
|
|
.about-page-users-list {
|
|
display: grid;
|
|
gap: 1em;
|
|
grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
|
|
|
|
&__expand-button {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
section.about {
|
|
margin-bottom: 3em;
|
|
|
|
.users {
|
|
display: grid;
|
|
gap: 1em;
|
|
grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
|
|
}
|
|
|
|
h3 {
|
|
margin-bottom: 1em;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 0 0.35em;
|
|
.d-icon {
|
|
color: var(--primary-high);
|
|
}
|
|
.badge-category__wrapper {
|
|
font-size: var(--font-0);
|
|
align-self: baseline;
|
|
}
|
|
}
|
|
|
|
&.stats {
|
|
table {
|
|
td {
|
|
padding: 0.67em;
|
|
&:not(:first-child) {
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|