jey_theme/jey_theme/public/js
Ali 2230a2854f sidebar: smooth collapse/expand transition for custom labeled actions
CSS:
- Force min-width:0 on .body-sidebar-bottom so it can shrink to the 50px
  collapsed width instead of refusing to clip past its widest label.
- Animate label max-width and margin-left with the same 0.3s
  cubic-bezier as the sidebar width — labels now slide smoothly
  under their icons on collapse instead of leaving an ellipsized
  letter at the edge.
- Hide v16.17's native .sidebar-bottom-actions row (about + collapse
  icon-buttons) since our labeled .jey-collapse-link replaces it.
- Animate .nav-item padding so it stays in sync with the sidebar
  width transition (Frappe v16 toggles padding 0→8px instantly).

JS:
- Update collapse-link DOM in place (svg href + span text) instead of
  rebuilding innerHTML, so the span keeps its identity and the
  max-width transition plays smoothly across collapse/expand toggles.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-01 12:52:09 +00:00
..
jey_theme.js sidebar: smooth collapse/expand transition for custom labeled actions 2026-05-01 12:52:09 +00:00