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: 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
2 changed files with 2 additions and 8 deletions
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;