search

open-amdocs / webrix-docs

The documentation site of Webrix
https://webrix.amdocs.com
10 stars 9 forks source link

improved nested-collapsible demo #89

Closed yairEO closed 1 year ago

yairEO commented 1 year ago

Current link: https://webrix.amdocs.com/examples/WheresWaldo

Changes done:

  1. Pannable scrollbars are now outside of the image (better visibility)
  2. Slider's value moved to be inside the handle
  3. Slider's position logic is now CSS-variable based
  4. Slider's CSS modified (also taller slider, for decreased sensitivity while dragging)
  5. Slider's handle now has cool arrows above & below that disappear accordingly the more they reach their edge (this again showcases the power of a single CSS-variable for Movable's y-axis percentage)
  6. Added a title above the image
  7. Fixed the height issue when image is scaled to 50% (on large viewports)

👉 Also, updated all babel-related packaged after @babel/eslint-parser had stopped working and renamed the Babel configuration file according to project-wide naming standards

https://user-images.githubusercontent.com/845031/214089162-208c858a-2a54-4c23-98bd-5ed647d25acb.mp4

Regarding item 7 - previously, the container had a fixed-height bug:

image

vercel[bot] commented 1 year ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated
webrix-docs ✅ Ready (Inspect) Visit Preview 💬 Add your feedback Jan 23, 2023 at 11:20PM (UTC)
yairEO commented 1 year ago

Apparently this PR got mixed with a few other files i've edited many months ago, but anyway, it is meant to be merged into to version 2.x and those changes are needed anyway