max / goingson
- Co-Authored-By
- Claude Opus 5 (1M context) <noreply@anthropic.com>
1 file changed,
+11 insertions,
-3 deletions
| @@ -209,6 +209,14 @@ | |||
| 209 | 209 | a pointer to perform. Never for visibility or layout that is really | |
| 210 | 210 | about room. | |
| 211 | 211 | ||
| 212 | + | TWO SHELLS, and that is the decision rather than unfinished work. The | |
| 213 | + | wide shell is §§6, 7 and 8; the compact shell is §25 and §59 | |
| 214 | + | together, which are one pass split only to manage cascade order. They | |
| 215 | + | are two designs, not one design badly factored, so they do not collapse | |
| 216 | + | into one: the compact shell hides the header, tab strip and pill nav and | |
| 217 | + | puts up a bottom tab bar instead. The boundary between them is 600px and | |
| 218 | + | stays there. Medium (600-839px) gets the wide shell. | |
| 219 | + | ||
| 212 | 220 | §25 Compact (base pass) | early `(max-width: 599px)` rules; applies | |
| 213 | 221 | before feature CSS so feature rules can | |
| 214 | 222 | override. | |
| @@ -3357,7 +3365,7 @@ | |||
| 3357 | 3365 | } | |
| 3358 | 3366 | .form-alt-path .button--link { padding: 0; font-size: inherit; } | |
| 3359 | 3367 | ||
| 3360 | - | /* 24. Responsive - Large Screens & Tablet WIDTH | |
| 3368 | + | /* 24. Responsive - Wide Shell Tuning (600-1024px, and 1400px up) WIDTH | |
| 3361 | 3369 | ||
| 3362 | 3370 | Both blocks below used to carry a `.ui-mode-desktop` prefix, which was | |
| 3363 | 3371 | doing two jobs: saying "wide shell only", and quietly outweighing the | |
| @@ -3365,7 +3373,7 @@ | |||
| 3365 | 3373 | media query's, and rules that were relying on the second have moved to sit | |
| 3366 | 3374 | with the component they override (see §35 and §38). */ | |
| 3367 | 3375 | ||
| 3368 | - | /* Wide desktop. Nothing narrower than 1400px can be compact, so the query is | |
| 3376 | + | /* Widest windows. Nothing narrower than 1400px can be compact, so the query is | |
| 3369 | 3377 | the whole condition. */ | |
| 3370 | 3378 | @media (min-width: 1400px) { | |
| 3371 | 3379 | .main-content { | |
| @@ -5325,7 +5333,7 @@ | |||
| 5325 | 5333 | flex-shrink: 0; | |
| 5326 | 5334 | } | |
| 5327 | 5335 | ||
| 5328 | - | /* 46. Saved Views Sidebar (desktop UI only, hidden on mobile) */ | |
| 5336 | + | /* 46. Icon Buttons & Filter Actions */ | |
| 5329 | 5337 | .button--icon { | |
| 5330 | 5338 | background: none; | |
| 5331 | 5339 | border: none; |