github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-03 21:24:00 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: upodate stying of chat composer focused state (#28900)

Browse Source
This commit is contained in:
chapoi 2024-09-13 07:34:40 +02:00 committed by GitHub
parent 31ff371ccf
commit b59056780c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 2 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
plugins/chat/assets/stylesheets/common/chat-composer.scss
View File

@ -3,7 +3,6 @@
display: flex;
flex-direction: column;
z-index: 3;
background-color: var(--primary-very-low);
padding: 0.5rem 0 env(safe-area-inset-bottom) 0;
.keyboard-visible & {
@ -49,13 +48,12 @@
flex-direction: row;
border: 1px solid var(--primary-low);
border-radius: var(--d-border-radius-large);
background-color: var(--secondary);
background: var(--primary-very-low);
min-height: 50px;
overflow: hidden;
.chat-composer.is-focused & {
border-color: var(--primary-low-mid);
box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 0 rgba(var(--tertiary-rgb), 0.95);
}
.chat-composer.is-disabled & {

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

@ -17,10 +17,6 @@
&__inner-container {
align-self: stretch;
min-height: unset;
.chat-composer.is-focused & {
border-color: var(--primary-low);
box-shadow: 0 0 2px 0 rgba(var(--tertiary-rgb), 0.95);
}
}
&__input-container {
padding: 0.15em 0.5em;