prreviewbuddy 0.86.6 → 0.86.7

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 0.86.7
+
+**Nothing jumps as the compact sidebar slides out.** The compact sidebar keeps room for the Review
+path heading it does not draw, and gives KISS the same room as the full sidebar, tight before KISS
+has run and wider once Recommendations sits under it. The rows are laid out at the full width from
+the start of the slide, so labels no longer wrap to two lines part-way. Sliding out now only adds
+the labels beside the icons; with the review path folded, no row moves up or down.
+
 ## 0.86.6
 
 **Ticks and dismissals are saved in the order you click them.** Marking questions answered and

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prreviewbuddy",
-  "version": "0.86.6",
+  "version": "0.86.7",
   "description": "Understand code changes before you approve them. Local branch and pull request reviews with Claude Code or Codex.",
   "license": "UNLICENSED",
   "homepage": "https://prreviewbuddy.com",

package/static/shell.css

@@ -991,6 +991,11 @@ a.prb-rail-item { text-decoration: none; }
   color: var(--text-muted);
 }
 .prb-rail-group + .prb-rail-group { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--border); }
+/* A group that is only its own row (KISS before anybody has run it) is spaced as tightly as Compact
+   spaces every row, and in every state, so sliding the sidebar out does not grow it. A group with
+   pages under it keeps the wider spacing in every state, Compact included. */
+.prb-rail-group + .prb-rail-group:has(> .prb-rail-body:empty) { margin-top: 12px; padding-top: 12px; }
+.prb-rail-group:has(> .prb-rail-body:empty) + .prb-rail-group { margin-top: 12px; }
 
 /* A group owns everything under it: the row navigates to that review type's summary and the twisty
    beside it folds the group away. The twisty is a sibling of the button, not a child, so one click
@@ -1142,8 +1147,13 @@ a.prb-rail-item { text-decoration: none; }
 }
 :root[data-sidebar-compact][data-sidebar-peek] .prb-rail {
   width: var(--rail-full-width);
+  overflow-x: hidden;
   box-shadow: 8px 0 24px var(--shadow-float);
 }
+/* The rows are laid out at the width they will end at from the first frame, inside the rail's one
+   pixel of border, so the growing edge only uncovers them. Laid out at the passing width instead,
+   "Review path" and "PR context" wrapped to two lines part-way and every row below dropped. */
+:root[data-sidebar-compact][data-sidebar-peek] .prb-rail > * { width: calc(var(--rail-full-width) - 1px); }
 
 /* Compact: every row is its icon, named in a tooltip beside it on hover and keyboard focus. The
    tooltip is the row's own label, moved out to the right, so the name a screen reader hears is
@@ -1183,11 +1193,16 @@ a.prb-rail-item { text-decoration: none; }
 :root[data-sidebar-compact]:not([data-sidebar-peek]) .prb-rail-selected,
 :root[data-sidebar-compact]:not([data-sidebar-peek]) .prb-rail-twisty,
 :root[data-sidebar-compact]:not([data-sidebar-peek]) .prb-rail-heading,
-:root[data-sidebar-compact]:not([data-sidebar-peek]) .prb-rail-subhead,
 :root[data-sidebar-compact]:not([data-sidebar-peek]) .prb-rail-path { display: none; }
-:root[data-sidebar-compact]:not([data-sidebar-peek]) .prb-rail-body { margin: 0; border-left: 0; }
+/* The Review path row keeps its height, undrawn, so the icons under it are already where the
+   expanded rows will be and sliding out moves nothing up or down. Hidden this way it is out of the
+   tab order and the accessibility tree, as `display: none` had it; tabbing into the rail peeks it,
+   which draws the row again before focus can reach it. One line, clipped: wrapped in the narrow
+   strip it would be a line taller than the row it stands in for. */
+:root[data-sidebar-compact]:not([data-sidebar-peek]) .prb-rail-subhead { visibility: hidden; overflow: hidden; }
+:root[data-sidebar-compact]:not([data-sidebar-peek]) .prb-rail-subhead .prb-rail-heading { display: block; white-space: nowrap; }
+:root[data-sidebar-compact]:not([data-sidebar-peek]) .prb-rail-body { margin-left: 0; border-left: 0; }
 :root[data-sidebar-compact]:not([data-sidebar-peek]) .prb-rail-body .prb-rail-item { padding-left: 0; }
-:root[data-sidebar-compact]:not([data-sidebar-peek]) .prb-rail-group + .prb-rail-group { margin-top: 12px; padding-top: 12px; }
 /* New review is the square + at the top, its name and shortcut in the strip's own tooltip. */
 :root[data-sidebar-compact]:not([data-sidebar-peek]) .prb-rail-new { padding: 0 10px 10px; }
 :root[data-sidebar-compact]:not([data-sidebar-peek]) .prb-new-review { position: relative; justify-content: center; width: 36px; padding: 0; }