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: tweaks for send button (#25816)

Browse Source
This commit is contained in:
chapoi
2024-02-22 17:39:54 +02:00
committed by GitHub
parent 84cd621bdc
commit f4848ae989
1 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
plugins/chat/assets/stylesheets/mobile/chat-composer.scss
View File

@@ -5,12 +5,14 @@
}
&__outer-container {
padding: 0;
align-items: flex-end;
.chat-composer.is-disabled {
opacity: 0.5;
}
}
&__inner-container {
align-self: stretch;
min-height: unset;
.chat-composer.is-focused & {
border-color: var(--primary-low);
@@ -27,19 +29,20 @@
}
}
&-button__wrapper {
align-self: unset;
margin-bottom: 0.3em;
}
&-button.-send {
height: 100%;
height: auto;
width: auto;
align-self: unset;
.d-icon {
padding: 0.5rem;
border-radius: 100%;
margin-inline: 0.7rem;
padding: 0.425em 0.5em;
border-radius: 100%;
.is-send-enabled.is-focused & {
background-color: var(--tertiary-high);
color: var(--secondary);
.is-send-enabled.is-focused & {
background-color: var(--tertiary-high);
color: var(--secondary);
.d-icon {
color: inherit;
}
}
}