IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Chat composer dropdown styling mobile (#25244)

Browse Source
This commit is contained in:
chapoi 2024-01-15 10:59:24 +02:00 committed by GitHub
parent 9bc78625af
commit 60a4d09f1a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
plugins/chat/assets/javascripts/discourse/components/chat-composer-dropdown.gjs
View File

@ -26,6 +26,7 @@ export default class ChatComposerDropdown extends Component {
@disabled={{@isDisabled}}
@arrow={{true}}
@placements={{array "top" "bottom"}}
@identifier="chat-composer-dropdown__menu"
...attributes
as |menu|
>

18
plugins/chat/assets/stylesheets/mobile/chat-composer-dropdown.scss Normal file
View File

@ -0,0 +1,18 @@
[data-content][data-identifier="chat-composer-dropdown__menu"] {
width: calc(100% - 2rem);
max-width: unset;
.fk-d-menu__inner-content {
width: 100%;
}
.chat-composer-dropdown {
&__list {
width: 100%;
}
&__action-btn {
padding-block: 0.75rem;
gap: 0.5rem;
}
}
}

1
plugins/chat/assets/stylesheets/mobile/index.scss
View File

@ -1,6 +1,7 @@
@import "base-mobile";
@import "chat-channel";
@import "chat-composer";
@import "chat-composer-dropdown";
@import "chat-index";
@import "chat-message-actions";
@import "chat-message";