| @@ -9,22 +9,10 @@ | ||
| 9 | 9 | * properties rather than re-implemented here. |
| 10 | 10 | */ |
| 11 | 11 | |
| 12 | 12 | .os-comments { |
| 13 | - display: flex; | |
| 14 | - flex-direction: column; | |
| 15 | - /* | |
| 16 | - * `block-size` (not `min-block-size`) — pins the container to the | |
| 17 | - * window body's exact height so the inner flex column has a fixed | |
| 18 | - * frame to distribute against. With `min-block-size` the scrolling | |
| 19 | - * panes grew past the frame and pushed the composer off the bottom | |
| 20 | - * edge of the window. `box-sizing: border-box` keeps any padding | |
| 21 | - * inside the 100% box. | |
| 22 | - */ | |
| 23 | 13 | box-sizing: border-box; |
| 24 | - block-size: 100%; | |
| 25 | 14 | inline-size: 100%; |
| 26 | - overflow: hidden; | |
| 27 | 15 | position: relative; |
| 28 | 16 | /* A query container, so the one-pane rules at the end of this file |
| 29 | 17 | track the WINDOW's width — a phone, or a desktop window pulled in. */ |
| 30 | 18 | container-type: inline-size; |
| @@ -81,20 +69,10 @@ | ||
| 81 | 69 | margin-inline-start: 6px; |
| 82 | 70 | font-variant-numeric: tabular-nums; |
| 83 | 71 | } |
| 84 | 72 | |
| 85 | -/* ── Split ───────────────────────────────────────────────────── */ | |
| 86 | -.os-comments__split { | |
| 87 | - flex: 1 1 auto; | |
| 88 | - min-block-size: 0; | |
| 89 | - display: grid; | |
| 90 | - grid-template-columns: 306px 1fr; | |
| 91 | - overflow: hidden; | |
| 92 | -} | |
| 93 | - | |
| 94 | 73 | /* ── Left rail ───────────────────────────────────────────────── */ |
| 95 | 74 | .os-comments__rail { |
| 96 | - border-inline-end: 1px solid var( --os-ui-border, #dcdcde ); | |
| 97 | 75 | display: flex; |
| 98 | 76 | flex-direction: column; |
| 99 | 77 | min-block-size: 0; |
| 100 | 78 | background: var( --os-ui-surface-sunken, #fbfbfc ); |
| @@ -639,20 +617,8 @@ | ||
| 639 | 617 | } |
| 640 | 618 | .os-comments__tabselect { |
| 641 | 619 | display: block; |
| 642 | 620 | } |
| 643 | - .os-comments__split { | |
| 644 | - grid-template-columns: minmax( 0, 1fr ); | |
| 645 | - } | |
| 646 | - .os-comments__rail { | |
| 647 | - border-inline-end: 0; | |
| 648 | - } | |
| 649 | - .os-comments[data-os-comments-pane='convo'] .os-comments__rail { | |
| 650 | - display: none; | |
| 651 | - } | |
| 652 | - .os-comments:not( [data-os-comments-pane='convo'] ) .os-comments__convo { | |
| 653 | - display: none; | |
| 654 | - } | |
| 655 | 621 | .os-comments__convo-back { |
| 656 | 622 | display: inline-flex; |
| 657 | 623 | } |
| 658 | 624 | .os-comments__convo-head { |
| @@ -664,20 +630,8 @@ | ||
| 664 | 630 | display: none; |
| 665 | 631 | } |
| 666 | 632 | html[data-os-mode="mobile"] .os-comments__tabselect { |
| 667 | 633 | display: block; |
| 668 | -} | |
| 669 | -html[data-os-mode="mobile"] .os-comments__split { | |
| 670 | - grid-template-columns: minmax( 0, 1fr ); | |
| 671 | -} | |
| 672 | -html[data-os-mode="mobile"] .os-comments__rail { | |
| 673 | - border-inline-end: 0; | |
| 674 | -} | |
| 675 | -html[data-os-mode="mobile"] .os-comments[data-os-comments-pane='convo'] .os-comments__rail { | |
| 676 | - display: none; | |
| 677 | -} | |
| 678 | -html[data-os-mode="mobile"] .os-comments:not( [data-os-comments-pane='convo'] ) .os-comments__convo { | |
| 679 | - display: none; | |
| 680 | 634 | } |
| 681 | 635 | html[data-os-mode="mobile"] .os-comments__convo-back { |
| 682 | 636 | display: inline-flex; |
| 683 | 637 | } |
