| @@ -13,8 +13,9 @@ | ||
| 13 | 13 | flex: 1; |
| 14 | 14 | align-self: flex-end; |
| 15 | 15 | height: 100%; |
| 16 | 16 | position: relative; |
| 17 | + overflow: hidden; | |
| 17 | 18 | } |
| 18 | 19 | |
| 19 | 20 | .vbo-chat-wrapper .chat-conversation { |
| 20 | 21 | overflow-y: scroll; |
| @@ -172,8 +173,13 @@ | ||
| 172 | 173 | font-weight: bold; |
| 173 | 174 | text-align: center; |
| 174 | 175 | } |
| 175 | 176 | |
| 177 | +/* HTML rendering in message content */ | |
| 178 | +.vbo-chat-wrapper .chat-conversation .chat-message .message-content .content-text *:is(h1, h2, h3, h4, h5, h6) { | |
| 179 | + margin: 0 0 6px; | |
| 180 | +} | |
| 181 | + | |
| 176 | 182 | /* footer */ |
| 177 | 183 | |
| 178 | 184 | .vbo-chat-wrapper .chat-input-footer { |
| 179 | 185 | position: absolute; |
| @@ -180,8 +186,9 @@ | ||
| 180 | 186 | bottom: 18px; |
| 181 | 187 | left: 0; |
| 182 | 188 | box-sizing: border-box; |
| 183 | 189 | width: 100%; |
| 190 | + z-index: 1; | |
| 184 | 191 | } |
| 185 | 192 | .vbo-chat-wrapper .chat-input-footer .textarea-input { |
| 186 | 193 | position: relative; |
| 187 | 194 | display: flex; |
| @@ -263,8 +270,9 @@ | ||
| 263 | 270 | border-color: rgba(82, 168, 236, 0.8); |
| 264 | 271 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(82, 168, 236, .6) !important; |
| 265 | 272 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(82, 168, 236, .6) !important; |
| 266 | 273 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(82, 168, 236, .6) !important; |
| 274 | + outline: 0; | |
| 267 | 275 | } |
| 268 | 276 | |
| 269 | 277 | .vbo-chat-wrapper .chat-input-footer .chat-uploads-bar { |
| 270 | 278 | width: 100%; |
