discourse-user-card-directory/common/common.scss
2024-02-22 08:20:56 -08:00

137 lines
2.4 KiB
SCSS

.public-user-field__display-in-directory {
display: none !important;
}
// user profile page
.public-user-field.display-in-directory {
display: none !important;
}
.users-directory {
// hide total number of users row
.total-rows {
display: none !important;
}
}
.toggle-cards-button {
display: none;
}
.directory {
.filter-name {
float: none;
}
.filters {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
> span {
margin-bottom: 5px;
}
}
.group-filter:not(.active) .select-kit-header {
color: var(--primary-high);
}
}
.user-card-directory {
display: grid;
grid-template-columns: 1fr;
@media only screen and (min-width: 500px) {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
.user-card-container {
margin: 60px 20px;
}
@supports (display: grid) {
display: grid;
.user-card-container {
margin: 0;
}
}
grid-gap: 60px 20px;
margin-top: 60px;
.user-card {
z-index: z("base");
position: relative;
width: 100%;
box-shadow: none;
margin: 0;
.badge-section {
overflow: hidden;
}
}
.usercard-controls {
display: none;
}
.user-card-container {
width: 100%;
background-color: var(--secondary);
box-shadow: var(--shadow-card);
margin-bottom: auto;
}
.user-card-directory-footer {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(5em, 1fr));
padding: 0.75em;
background-color: var(--secondary);
gap: 0.25em;
border-top: 1px solid var(--primary-low);
.directory-table__column-header,
.directory-table__cell,
.directory-table__cell--empty,
.directory-table__cell--user-field {
border: none;
}
.stat {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.1em;
border: none;
.label {
font-size: var(--font-down-2);
.d-icon {
margin-right: 0.2em;
color: var(--primary-medium);
}
}
&.stat-type-user_field {
// long user fields can break the layout
// so we truncate these to one line
.value {
display: flex;
overflow: hidden;
justify-content: center;
width: 100%;
min-width: 0;
span {
min-width: 0;
@include ellipsis;
}
}
}
}
}
}