openvibers/openvibe.shared thread-inline.css
thread-inline.css
| 1 | /* The inline Community thread a page shows under a thing (openvibe-shared/thread renderThread): a quiet head (the |
| 2 | title, then Top and Newest only when there is something to order), the composer or one sign-in line, the comments, |
| 3 | and a small link to the discussion. One look on Video, Pics, a paste page and /c. */ |
| 4 | .ovc-thread { margin: 24px 0; } |
| 5 | .ovv-panel > .ovc-thread { margin: 0; } |
| 6 | .ovc-head, .ovc-comment header, .ovc-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } |
| 7 | .ovc-head { justify-content: space-between; min-height: 40px; margin-bottom: 8px; } |
| 8 | .ovc-head h2 { margin: 0; font-size: 1.125rem; } |
| 9 | .ovc-signin, .ovc-none { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin: 0; } |
| 10 | .ovc-none { margin-top: 12px; opacity: .75; } |
| 11 | .ovc-comment { padding: 12px 0; border-bottom: 1px solid var(--border, #5555); } |
| 12 | .ovc-comment header img { border-radius: 50%; object-fit: cover; } |
| 13 | .ovc-comment time { font-size: .875em; opacity: .8; } |
| 14 | .ovc-replies { margin-left: 24px; } |
| 15 | .ovc-actions form { display: inline; } |
| 16 | .ovc-attach { display: inline-block; margin: 4px 8px 4px 0; } |
| 17 | .ovc-attach--file { border: 1px solid currentColor; border-radius: 999px; padding: 4px 12px; } |
| 18 | .ovc-attach img { max-width: 120px; max-height: 90px; object-fit: cover; } |
| 19 | .ovc-order { display: inline-flex; gap: 2px; padding: 2px; border-radius: 999px; background: color-mix(in srgb, currentColor 8%, transparent); } |
| 20 | .ovc-order a { min-height: 36px; padding: 4px 14px; border: 0; border-radius: 999px; font-size: .875rem; } |
| 21 | .ovc-order .is-active { font-weight: 700; background: color-mix(in srgb, currentColor 16%, transparent); } |
| 22 | .ovc-community { margin: 12px 0 0; font-size: .875em; } |
| 23 | .ovc-community a { color: inherit; opacity: .8; text-decoration: none; } |
| 24 | .ovc-community a::after { content: ' \2192'; } |
| 25 | .ovc-community a:hover, .ovc-community a:focus-visible { opacity: 1; text-decoration: underline; } |
| 26 |