web: a page loaded as a document swaps in without a view transition, which ios safari drew with the old page shifted up
Signed-off-by: dawn <dawn@tangled.org>
9 unmodified lines1011121314151617181920212223241415161731 unmodified lines9 unmodified lines/* UA widgets - scrollbars first among them - paint from color-scheme, not from our var theme, so any scroller would carry a light system track over a dark surface. one declaration at the root keeps every scrollbar - file tree, code scroller, rails - matching the surface it sits on *//* a link that loads its page as a document holds the old page until the new one paints, then swaps at once, the tabs and sidebar in place: no cross-fade */@view-transition { navigation: auto;}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation: none;}
html { color-scheme: light; @variant dark { color-scheme: dark;31 unmodified lines368 unmodified linesExpand all369370371372373374375376377378379380373374375376232 unmodified linesExpand all368 unmodified linesExpand all align-items: stretch; min-width: 0; background: var(--y-soft); } /* named only while a page swaps: a named element is its own stacking context, and its menus would paint under the pane */ :global(:root:active-view-transition) .side :global(.sb) { view-transition-name: repo-sidebar; } :global(:root:active-view-transition) .top { view-transition-name: repo-tabs; } .top > :global(nav.bar) { flex: 1; min-width: 0; }232 unmodified linesExpand all