Changeset View
Changeset View
Standalone View
Standalone View
web/chat/chat-input-bar.css
div.inputBar { | div.inputBar { | ||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
border-top: 1px solid var(--border-color); | border-top: 1px solid var(--border-color); | ||||
} | } | ||||
div.inputBarWrapper { | div.inputBarWrapper { | ||||
padding: 16px; | padding: 16px; | ||||
display: flex; | display: flex; | ||||
flex-direction: row; | flex-direction: row; | ||||
align-items: center; | align-items: center; | ||||
} | } | ||||
div.inputBarTextInput { | div.inputBarTextInput { | ||||
display: flex; | display: flex; | ||||
background: var(--text-input-bg); | background: var(--text-input-bg); | ||||
border-radius: 8px; | border-radius: 8px; | ||||
/* Related to editBoxHeight in the `edit-text-message` component */ | |||||
padding: 8px; | padding: 8px; | ||||
align-items: center; | align-items: center; | ||||
flex-grow: 1; | flex-grow: 1; | ||||
} | } | ||||
div.inputBarTextInput > textarea { | div.inputBarTextInput > textarea { | ||||
flex: 1; | flex: 1; | ||||
display: flex; | display: flex; | ||||
border: none; | border: none; | ||||
▲ Show 20 Lines • Show All 62 Lines • Show Last 20 Lines |