Commit Graph

8 Commits

Author SHA1 Message Date
Ali 373ffd73b8 chrome list: sticky right column; comment-count: stroke render
Sticky .level-right on list rows gets a translucent metallic gradient
so horizontally-overflowing columns don't leak through under it, with
a visible left border as a separator. Hover state slightly brighter.
.comment-count svg forced to fill:none + stroke:currentColor so the
swapped-in lucide comment sprite renders as an outline, not a blob.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-20 12:49:02 +00:00
Ali 38bee59283 desktop modal: fit-to-content, crisp text, matched border radius
Captions wrap to 2 lines with ellipsis inside grid track instead of
overflowing into neighbouring icons. Modal header loses its gradient
bar (title only). Body stops forcing an inner scrollbar when icons
fit. Chrome modal border switches from border-image (sharp rect) to
a plain 1px border that follows border-radius.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-20 12:48:53 +00:00
Ali 953bf8b2c8 grids: polish child-table active/read-only cells; misc chrome polish
- Chrome theme: active grid row now visually matches the static row —
  flattened inputs, forced bottom border, padding match, pressed-in
  button-style effect on focused cells with smooth 0.45s transition.
- Read-only grid cells get a distinct lighter-grey bg only while their
  row is the active one (uses Frappe's display:none on .field-area).
- Button press animations: expanded shadow set + explicit transitions
  so press/release is symmetric and eased.
- Shared: fixed section-in keyframe leaving a stacking context that
  clipped Link autocomplete dropdowns; dropdown fade-out without
  Popper position reset; smooth sidebar expand to match collapse.
- JS: clip section overflow during collapse transition, restore after
  transitionend; freeze dropdown position during Bootstrap hide.
- CLAUDE.md: rewritten as Claude Code guidance doc.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-17 17:08:50 +00:00
Ali 5cbc36566b animations: add UI animations across desk for a polished, alive feel
- Dropdowns: smooth fade in/out via visibility+opacity transition
- Modals/Dialogs: entrance with translateY+scale+opacity (0.5s)
- Search dialog: fade in/out with slide, backdrop cleanup, input re-focus
- Form sections: cascade entrance animation on load and tab switch
- Form tabs: sliding active indicator via ::after scaleX
- Collapse/expand: smooth max-height transition with JS-calculated height
- Sidebar: hover padding shift, icon scale, active accent bar
- List view: staggered row entrance from left
- Workspace cards: slower entrance (0.7s), number value delayed fade-in
- Widget z-index: open dropdown (200) above hovered neighbor (100)
- Report summary: cascade card entrance
- Link fields: awesomplete dropdown fade-in
- Input focus: inset press effect
- Buttons: shine sweep on hover, inset shadow on click
- Chrome theme: tab indicator uses ::after instead of border-bottom
- Observer fix: null-check parentNode for detached text nodes

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-16 14:01:53 +00:00
Ali 843774e695 icons 2026-04-13 09:22:23 +00:00
Ali 96638dd26f add missing chrome styles + animations across app
- List activity area: timestamps, comments, like button with heart animation
- Indicator pills: metallic colored variants (blue, green, red, orange, etc)
- SVG icons: chrome tinting with drop-shadow
- Tag pills: metallic gradient styling
- Filter area: chrome popover, remove button hover
- List sidebar: buttons, links, filter pills
- Filter/sort selector button groups: metallic gradient
- Animations: dropdown slide-down, modal scale-in, toast slide-up,
  button metal-press + shine sweep, list row glint on hover,
  popover fade-scale, sidebar slide, navbar lift, card transitions,
  number widget hover scale, comment box focus glow

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-10 09:38:10 +00:00
Ali 513522efb8 full chrome metallic theme for entire app
Extended chrome theme from desktop icons only to the full ERPNext UI:
navbar, sidebar, buttons, inputs, forms, lists, tables, modals,
dropdowns, tabs, timeline, scrollbars. Uses 45° multi-stop reflective
gradients, beveled shadows, conic-gradient accents, and polished
metal body background.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-09 17:18:59 +00:00
Ali 37c4ccce88 new chromo ui with new features 2026-04-08 14:27:30 +00:00