╭ changed ───────────╮ │src/embed/index.html│ ╰────────────────────╯ ╭───────────╮ │← all files│ ╰───────────╯ ╭────────────────────────────────────────────────────────────────────────────────────╮ │ 7 html { │ │ 8 background-color: rgba(0, 50, 70, 1.0); │ │ 9 color: rgba(200, 200, 200, 1.0); │ │10 - /* always reserve the vertical scrollbar's space so the usable width│ │11 - is constant whether or not it's showing */ │ │12 - scrollbar-gutter: stable; │ │10 + } │ │11 + │ │12 + /* no body margin because it could push content past the viewport and │ │13 + add a window scrollbar */ │ │14 + body { │ │15 + margin: 0; │ │16 } │ │17 │ │18 @font-face { │ ╰────────────────────────────────────────────────────────────────────────────────────╯ ╭─────────────────────────────────────────────────────────────────────────────────────╮ │29 │ │30 #grid { │ │31 white-space: pre; │ │32 + /* positioning context for the top-level .scroll divs */ │ │33 + position: relative; │ │34 } │ │35 │ │36 + /* each web-native Scroll widget: a box positioned over its viewport │ │37 + (left/top/width/height and per-axis overflow come inline, the latter│ │38 + from the widget's scroll direction) */ │ │39 + .scroll { │ │40 + position: absolute; │ │41 + /* scrollbars are hidden; panes scroll via wheel/trackpad and via │ │42 + scrollIntoView on keyboard focus, so a visible bar would only │ │43 + cover content. (Firefox / WebKit respectively.) */ │ │44 + scrollbar-width: none; │ │45 + } │ │46 + .scroll::-webkit-scrollbar { │ │47 + display: none; │ │48 + } │ │49 + │ │50 /* render each colored cell-run as an inline-block to prevent │ │51 horizontal seams between rows of the block art. */ │ │52 #grid span { │ ╰─────────────────────────────────────────────────────────────────────────────────────╯