IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-25 02:11:08 -06:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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}}
<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>
<:action>
<ToggleChannelMembershipButton
@ -593,12 +599,6 @@ export default class ChatRouteChannelInfoSettings extends Component {
/>
</:action>
</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>
</ChatForm>
</div>

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

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