Mercurial > libervia-templates
view sat_templates/templates/default/static/chat.css @ 183:240bbac435f4
base: implemented language button:
- `component.menu` can now be used with a `{% call %}`, allowing extra HTML to be added after in the <nav> element
- a language dropdown is shown if more than one translation is available, allowing to change page locale
- if javascript is available, only the dropdown is visible, and changing it reload the page with new locale
- if javascript is not available, a submit button is display to change the locale
author | Goffi <goffi@goffi.org> |
---|---|
date | Wed, 10 Apr 2019 21:05:58 +0200 |
parents | e9f0a4215e46 |
children | 8308de7fc668 |
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; } @media (min-width: 800px) { #messages > p { padding-left: 1.5em; } }