Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: make chat drawer settingspage full height (#27385)

This commit is contained in:
chapoi 2024-06-10 15:25:28 +02:00 committed by GitHub
parent c18e5d1698
commit b6c2430bf6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
plugins/chat/assets/javascripts/discourse/components/chat/routes/channel-info-settings.gjs
View File

@ -579,6 +579,12 @@ export default class ChatRouteChannelInfoSettings extends Component {
{{/if}} {{/if}}
<form.section class="--leave-channel" as |section|> <form.section class="--leave-channel" as |section|>
{{#if @channel.chatable.group}}
<div class="c-channel-settings__leave-info">
{{icon "exclamation-triangle"}}
{{i18n "chat.channel_settings.leave_groupchat_info"}}
</div>
{{/if}}
<section.row> <section.row>
<:action> <:action>
<ToggleChannelMembershipButton <ToggleChannelMembershipButton
@ -593,12 +599,6 @@ export default class ChatRouteChannelInfoSettings extends Component {
/> />
</:action> </:action>
</section.row> </section.row>
{{#if @channel.chatable.group}}
<div class="c-channel-settings__leave-info">
{{icon "exclamation-triangle"}}
{{i18n "chat.channel_settings.leave_groupchat_info"}}
</div>
{{/if}}
</form.section> </form.section>
</ChatForm> </ChatForm>
</div> </div>

15
plugins/chat/assets/stylesheets/common/chat-drawer.scss
View File

@ -90,10 +90,25 @@ html.rtl {
.chat-drawer-content { .chat-drawer-content {
@include chat-scrollbar(); @include chat-scrollbar();
display: flex;
flex-direction: column;
box-sizing: border-box; box-sizing: border-box;
height: 100%; height: 100%;
min-height: 1px; min-height: 1px;
position: relative; position: relative;
overflow-y: auto; overflow-y: auto;
overscroll-behavior: contain; overscroll-behavior: contain;
.c-channel-settings {
flex-grow: 1;
.chat-form {
height: 100%;
}
.chat-form__section.--leave-channel {
margin-top: auto;
margin-bottom: 0;
}
}
} }