discourse/plugins/chat/assets/stylesheets/common/create-channel-modal.scss
Martin Brennan 641e94fc3c
FEATURE: Allow changing slug on create channel (#19928)
This commit allows us to set the channel slug when creating new chat
channels. As well as this, it introduces a new `SlugsController` which can
generate a slug using `Slug.for` and a name string for input. We call this
after the user finishes typing the channel name (debounced) and fill in
the autogenerated slug in the background, and update the slug input
placeholder.

This autogenerated slug is used by default, but if the user writes anything
else in the input it will be used instead.
2023-01-23 14:48:33 +10:00

46 lines
918 B
SCSS

.create-channel-modal {
.modal-inner-container {
width: 500px;
}
.choose-topic-results-list {
max-height: 200px;
overflow-y: scroll;
}
.select-kit.combo-box,
.create-channel-name-input,
.create-channel-slug-input,
.create-channel-description-input,
#choose-topic-title {
width: 100%;
margin-bottom: 0;
}
.category-chooser {
.select-kit-selected-name.selected-name.choice {
color: var(
--primary-high
); // Make consistent with color of placeholder text when choosing topic
}
}
.create-channel-hint {
font-size: var(--font-down-1);
padding-top: 0.25rem;
color: var(--secondary-low);
}
.create-channel-control {
margin-bottom: 1rem;
}
.auto-join-channel {
&__description {
margin: 0;
padding-top: 0.25rem;
color: var(--secondary-low);
font-size: var(--font-down-1) !important;
}
}
}