Mercurial > libervia-templates
view sat_templates/templates/default/static/chat.css @ 304:cdf88211b86b
bulma (input/field): `field` macro now has `control_class` and `in_group` attributes:
- `control_class` is used to specify additional classes for the control (when `class` is
used for classes of the of the `field`)
- when `in_group` is `true`, `field` is not added, only the `control` is used. This is
useful for grouping elements in the same field
author | Goffi <goffi@goffi.org> |
---|---|
date | Sat, 27 Feb 2021 20:44:01 +0100 |
parents | 8308de7fc668 |
children |
line wrap: on
line source
:root { --message_input-height: 2rem; } #main_area { overflow: hidden; } .chat_widget { position: absolute; height: 100%; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; } #messages { height: 100%; min-height: 150px; overflow: auto; box-sizing: border-box; resize: vertical; transition: height 0.6s; } #subject { padding: 1em; text-align: center; background: #eee; font-style: italic; } #messages > p { margin: 0; padding: 0.5em 0 0 0.5em; } #messages .msg_body { white-space: pre-wrap; } #message_input { width: 100%; height: 100%; padding-top: 0.5rem; margin: 0; box-sizing: border-box; resize: none; } .message_box { flex: 1 1 calc(var(--message_input-height)); position: relative; min-height: 1rem; box-sizing: border-box; } #messages > p.msg_info { white-space: pre-wrap; font-family: monospace; color: #049282; } .msg_header { display: block; font-size: 0.9em; } .author { font-weight: bold; } .date { color: #777; }