Mercurial > libervia-templates
view sat_templates/templates/default/static/forum.css @ 342:0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Overflow was sometimes breaking design with media object. This was notably the case when
viewing a list item with a long `<pre>` section, e.g. a ticket with a code pasted with long
lines). This patch fixes it.
author | Goffi <goffi@goffi.org> |
---|---|
date | Fri, 01 Oct 2021 17:37:40 +0200 |
parents | 178f55b825b7 |
children |
line wrap: on
line source
.forums { margin: 2em auto 0 auto; width: 90%; } ul.forum { list-style: none; } ul.forum__panel_sub { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0 auto; } .forum__cat_sub { margin: 0.5em 1em; width: 25em; } .forum__cat_sub>a { border: 0.7rem solid #ddd; border-radius: 0.5em; display: block; padding: 1rem; margin-bottom: 1rem; text-decoration: none; color: inherit; } a.forum_active:hover { background-color: #43d2f6; } p.forum_short-desc { color: #666; margin: 0; font-size: 0.8em; } .forum__topics { margin-top: 3em; } .forum__topics>div { box-sizing: border-box; width: 80%; margin: 0.5em auto; padding: 0.2em 2em; background: #eee; } .forum__topics>:hover { background-color: #43d2f6; } .forum__topics img.avatar { vertical-align: middle; margin-right: 1em; } .forum__topics a { display: block; text-decoration: none; color: inherit; } .textbox input { width: 100%; box-sizing: border-box; } @media (min-width: 500px) { .textbox input { min-width: 26em; width: auto; } }