mirror of
https://github.com/discourse/discourse.git
synced 2024-11-25 01:32:23 +08:00
1ca81fbb95
* FEATURE: set notification levels when added to a group This feature allows admins and group owners to define default category and tag tracking levels that will be applied to user preferences automatically at the time when users are added to the group. Users are free to change those preferences afterwards. When removed from a group, the user's notification preferences aren't changed.
163 lines
3.2 KiB
SCSS
163 lines
3.2 KiB
SCSS
.groups-header {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 1em;
|
|
.groups-header-new {
|
|
order: 2;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
}
|
|
|
|
.groups-header-filters {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
|
|
.groups-header-filters-name,
|
|
.groups-header-filters-type {
|
|
margin-right: 5px;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
&:last-child {
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
.groups-boxes {
|
|
margin: 1em 0;
|
|
width: 100%;
|
|
@supports (display: grid) {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 24%);
|
|
grid-column-gap: 1.333%;
|
|
grid-row-gap: 1em;
|
|
@include breakpoint("tablet") {
|
|
grid-template-columns: repeat(3, 32%);
|
|
grid-column-gap: 2%;
|
|
}
|
|
@include breakpoint("mobile-large") {
|
|
grid-template-columns: 100%;
|
|
}
|
|
}
|
|
|
|
.group-box {
|
|
@include breakpoint("mobile-large") {
|
|
margin: 0;
|
|
}
|
|
display: flex;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
border: 1px solid var(--primary-low);
|
|
color: var(--primary);
|
|
.discourse-no-touch & {
|
|
transition: all 0.25s;
|
|
&:hover {
|
|
box-shadow: shadow("card");
|
|
}
|
|
}
|
|
.group-membership {
|
|
color: var(--primary-medium);
|
|
margin-top: auto;
|
|
padding-top: 1em;
|
|
.is-group-owner,
|
|
.is-group-member {
|
|
color: var(--success);
|
|
}
|
|
}
|
|
.group-box-inner {
|
|
padding: 1em;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
box-sizing: border-box;
|
|
.group-info-wrapper {
|
|
display: flex;
|
|
overflow: hidden;
|
|
flex: 0 1 auto;
|
|
.group-avatar-flair {
|
|
margin-top: 0.2em;
|
|
margin-right: 8px;
|
|
flex: 0 0 auto;
|
|
}
|
|
.group-info {
|
|
flex: 1 0 auto;
|
|
margin-bottom: 1em;
|
|
width: 70%;
|
|
|
|
span {
|
|
width: 100%;
|
|
word-break: break-word;
|
|
line-height: $line-height-medium;
|
|
}
|
|
}
|
|
}
|
|
.group-user-count {
|
|
display: flex;
|
|
align-items: center;
|
|
color: var(--primary-high);
|
|
.d-icon {
|
|
margin-right: 0.25em;
|
|
font-size: 0.8em;
|
|
color: var(--primary-medium);
|
|
}
|
|
}
|
|
.group-description {
|
|
color: var(--primary-high);
|
|
word-wrap: break-word;
|
|
}
|
|
}
|
|
|
|
.groups-info-name {
|
|
font-size: $font-up-1;
|
|
font-weight: bold;
|
|
color: var(--primary);
|
|
}
|
|
|
|
$size: 40px;
|
|
$icon-size: $size / 1.8;
|
|
|
|
.group-avatar-flair {
|
|
display: inline-block;
|
|
color: var(--primary);
|
|
|
|
.avatar-flair {
|
|
background-size: $size;
|
|
height: $size;
|
|
width: $size;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-repeat: no-repeat;
|
|
|
|
.d-icon {
|
|
height: $icon-size;
|
|
width: $icon-size;
|
|
}
|
|
}
|
|
}
|
|
.avatar-flair-image {
|
|
width: $size;
|
|
}
|
|
}
|
|
}
|
|
|
|
.groups-form {
|
|
.control-group-inline {
|
|
display: inline;
|
|
}
|
|
&.groups-notifications-form {
|
|
.control-instructions {
|
|
color: $primary-medium;
|
|
margin-bottom: 10px;
|
|
font-size: $font-down-1;
|
|
line-height: $line-height-large;
|
|
}
|
|
|
|
.category-selector,
|
|
.tag-chooser {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|