c82094cd9d
Using Javascript to read and recalculate sizing is prone to causing 'forced reflows', which are very expensive, especially on slower devices. This PR refactors the slide-in menus so that all of the height calculation is done using CSS. This is made possible by the new dvh (dynamic view height) units and env(safe-area-inset-bottom), both of which are supported on all of our target browsers. In tests on a moto g50, on a sidebar with 16 categories, 15 tags, and 2 chat channels, this improves the sidebar opening time by around 50ms (6%). |
||
|---|---|---|
| .. | ||
| admin | ||
| base | ||
| components | ||
| foundation | ||
| modal | ||
| select-kit | ||
| d-editor.scss | ||
| font-variables.scss | ||
| input_tip.scss | ||
| printer-friendly.scss | ||
| software-update-prompt.scss | ||
| topic-entrance.scss | ||
| topic-timeline.scss | ||
| whcm.scss | ||