discourse/plugins/chat/assets/stylesheets/mobile/chat-composer.scss

47 lines
875 B
SCSS

.chat-composer {
&__wrapper {
padding-top: 0;
background: none;
}
&__outer-container {
padding: 0;
.chat-composer.is-disabled {
opacity: 0.5;
}
}
&__inner-container {
min-height: unset;
.chat-composer.is-focused & {
border-color: var(--primary-low);
box-shadow: 0px 0px 2px 0px rgba(10, 173, 255, 0.5);
}
}
&__input-container {
padding: 0.15em 0.5em;
background: var(--primary-very-low);
}
&__input {
.ios-device & {
background-color: transparent;
}
}
&-button__wrapper {
align-self: unset;
}
&-button.-send {
height: 100%;
width: auto;
align-self: unset;
.d-icon {
padding: 0.5rem;
border-radius: 100%;
.is-send-enabled.is-focused & {
background-color: var(--tertiary-high);
color: var(--secondary);
}
}
}
}