| 1 | /* calls-shell.css: Calls' own rules for the pages under the estilo bar |
| 2 | (the bar itself is estilo's chrome.css). */ |
| 3 | body { background: var(--rst-bg); } |
| 4 | [rst-page] { max-inline-size: 80rem; margin-inline: auto; } |
| 5 | .calls-lobby-heading h1 { font-size: 2rem; } |
| 6 | |
| 7 | /* The meeting and agent lists: rastrillo's list rows (rst-list > |
| 8 | rst-row), with the row's ⋯ menu drawn as estilo's floating menu, the |
| 9 | one menu style in the suite (spec §7.1). The ⋯ is an in-flow control, |
| 10 | so its hover is square (§11), and it sits above the row's |
| 11 | whole-row link overlay. */ |
| 12 | [rst-row] > [rst-row-menu] { position: relative; z-index: 1; flex: none; } |
| 13 | /* The open one above the rows after it, whose own ⋯ would otherwise |
| 14 | paint through its panel (each ⋯ is a stacking context at 1). */ |
| 15 | [rst-row] > [rst-row-menu][open] { z-index: 2; } |
| 16 | [rst-row] > [rst-row-menu] > summary { inline-size: 2rem; block-size: 2rem; border-radius: 0; color: var(--rst-text-muted); } |
| 17 | .calls-row-menu { position: absolute; inset-inline-end: 0; inset-block-start: calc(100% + 4px); } |
| 18 | .calls-row-title { color: var(--rst-text); font-weight: 600; } |
| 19 | .calls-row-badge { display: inline-flex; align-items: center; gap: 0.25rem; flex: none; position: relative; z-index: 1; color: var(--rst-text-muted); } |
| 20 | .calls-ended { margin-block-start: var(--rst-sp-5); } |
| 21 | .calls-ended > summary { cursor: pointer; font-weight: 600; margin-block-end: var(--rst-sp-3); } |
| 22 | .calls-option-help { margin-block: 0.25rem var(--rst-sp-3); color: var(--rst-text-muted); font-size: var(--rst-fs-sm); } |
| 23 | .calls-share-link a { overflow-wrap: anywhere; } |
| 24 | /* The Home account page's linked address (connect's home_link.html). |
| 25 | Its template asks for this with a style attribute, which rastrillo's |
| 26 | CSP refuses (serving.go's homeFormPolicy), so the rule lives here. */ |
| 27 | [rst-box] > p > strong > bdi { overflow-wrap: anywhere; } |
| 28 | .calls-share-actions { display: flex; flex-wrap: wrap; gap: var(--rst-sp-2); } |
| 29 | /* The row is script's (share-link.js reveals it): the display above |
| 30 | would otherwise beat the hidden attribute and show two buttons that do |
| 31 | nothing without script (Astra on #24). */ |
| 32 | .calls-share-actions[hidden], .calls-share-actions > [hidden] { display: none; } |
| 33 | /* …and Share… inside it, which share-link.js reveals only where the |
| 34 | browser can share: rst-btn's display beats hidden the same way. */ |
| 35 | .calls-link-input { inline-size: 100%; max-inline-size: 44rem; } |
| 36 | |
| 37 | /* The holding screen: who you'll join as, then the device panel, then |
| 38 | the other ways in and the meeting's own pages. */ |
| 39 | .calls-standing { color: var(--rst-text-muted); } |
| 40 | .calls-holding-more { display: grid; gap: var(--rst-sp-3); justify-items: start; margin-block-start: var(--rst-sp-5); } |
| 41 | .calls-holding-more p { margin: 0; } |
| 42 | .calls-holding-more form { margin: 0; } |
| 43 | |
amadan