discourse/app/assets/stylesheets/common/components/groups-form-membership-fields.scss
Kris 0477f91046
UX: combine group visibility and access configuration (#40758)
Group access is tied to visibility, but these sections aren't currently
grouped in the settings, which makes the relationship difficult to see.

This change merges them into a single section on group creation and
edit, so the relationship is more apparent. "Who can join?" is now
first, which gives it more control over the "who can see" options.

There was also some dead code cleaned up here.

Before:
<img width="892" height="904" alt="image"
src="https://github.com/user-attachments/assets/52ba2ea1-4201-414d-b044-b5a57ac9d39d"
/>



After:

<img width="350" alt="image"
src="https://github.com/user-attachments/assets/7ed6b7a2-f826-43e4-8861-5e8f05f60428"
/>


<img width="400" alt="image"
src="https://github.com/user-attachments/assets/917d583a-3f54-4e1e-9545-5511f3eb7d37"
/>

<img width="400" alt="image"
src="https://github.com/user-attachments/assets/5db59aab-6896-406b-9a71-68b60b18afda"
/>
2026-06-11 11:20:29 -04:00

35 lines
727 B
SCSS
Vendored

.group-form-automatic-membership-automatic,
.groups-form-grant-trust-level {
margin-bottom: var(--space-3);
}
.groups-form-visibility-access {
.groups-form-visibility-label,
.groups-form-members-visibility-label,
.group-form-public-exit-label {
margin-top: var(--space-4);
}
.group-form-public-exit-label {
margin-bottom: var(--space-5);
}
.groups-form-join-method {
margin-bottom: 0;
padding: 0;
border: 0;
min-inline-size: 0;
legend {
font-weight: normal;
font-size: var(--font-0);
color: var(--primary-high);
padding: 0;
margin-bottom: var(--space-2);
}
}
.groups-form-membership-request-template {
margin-top: var(--space-4);
}
}