Skip to content

feat:Add zindex and absolute positioning.#287

Merged
TeseySTD merged 16 commits intoRazorConsole:mainfrom
TeseySTD:feat/zindex
Jan 29, 2026
Merged

feat:Add zindex and absolute positioning.#287
TeseySTD merged 16 commits intoRazorConsole:mainfrom
TeseySTD:feat/zindex

Conversation

@TeseySTD
Copy link
Member

Solves #286

What is done:

  1. Z-Index layout system. AbsolutePositionMiddleware collects all positioned elements as OverlayItem and removes them from main flow. After that, they are fetched by ConsoleRenderer in CreateSnapshot method. At first, it renders all nodes in main flow, after it, rendered main content and all OverlayItem is passed to the OverlayRenderable, where they are positioned and rendered properly.
  2. Absolute positioning. Position is relative to main flow content, but if the element has the positioned ancestor, then it is positioned from it.

Gallery example:
Gallery example

P.S: Did not finish the gallery example (code is missing, some elements are redundant, etc.), not update docs, it is just demonstration of the approach, if it is good then I'll do the rest.

@github-actions
Copy link

github-actions bot commented Jan 25, 2026

🚀 Preview Deployment

A preview build has been generated for this PR from CI run #21378825616!

Download the artifact:
website-preview-287-e0634ea2196a524e70025b8976e4dab7a420964f

To view the preview locally:

  1. Download the artifact from the CI workflow run
  2. Extract the ZIP file
  3. Serve the files with a local web server
    (e.g., npx serve dist)

🌐 Live Preview URL: https://226aa49a.razorconsole.pages.dev

The live preview will be automatically updated when you push new
commits to this PR.

@TeseySTD TeseySTD requested review from BigBigMiao, LittleLittleCloud and ParadiseFallen and removed request for BigBigMiao January 26, 2026 10:32
@TeseySTD
Copy link
Member Author

TeseySTD commented Jan 26, 2026

@LittleLittleCloud @ParadiseFallen
Update gallery example and add website doc.
Ready for review.
new gallery example
P.S Modal window component will be in the next PR.

@TeseySTD TeseySTD merged commit 8765c61 into RazorConsole:main Jan 29, 2026
7 checks passed
@github-actions github-actions bot added this to the v0.4.0 milestone Jan 29, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants