Keep mobile call controls compact and ahead of chat
1 file changed,
+16
−0
internal/meet/static/meet.css+16 −0
CI passed — run details
diff --git a/internal/meet/static/meet.css b/internal/meet/static/meet.css| index 9d27a6f..003c4b1 100644 |
| --- a/internal/meet/static/meet.css |
| +++ b/internal/meet/static/meet.css |
| @@ -265,3 +265,19 @@ |
| @media (max-width: 63.99rem) { |
| #call-workspace .chat-log { min-block-size: 4rem; max-block-size: 14rem; } |
| } |
| +@media (max-width: 35rem) { |
| + .meet-controls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } |
| + .meet-controls button { |
| + display: flex; |
| + flex-direction: column; |
| + justify-content: center; |
| + gap: 4px; |
| + inline-size: 100%; |
| + min-block-size: 76px; |
| + padding: 8px 4px; |
| + font-size: var(--rst-fs-xs); |
| + white-space: normal; |
| + } |
| + .meet-controls form { display: flex; } |
| + .meet-controls .meet-toggle-state { font-size: inherit; } |
| +} |