Skip to content

Prototype - new layout code design idea - #237

Draft
SharonStrats wants to merge 5 commits into
stagingfrom
new-layout-playground
Draft

Prototype - new layout code design idea#237
SharonStrats wants to merge 5 commits into
stagingfrom
new-layout-playground

Conversation

@SharonStrats

@SharonStrats SharonStrats commented Aug 23, 2026

Copy link
Copy Markdown
Contributor

Just playing around with the implementation of the new design to see what we should do and so we can discuss and find missing features.

This is not final and may even be thrown away.

This goes along with the same branch in solid-panes.

TODO: a few things but one big one is to add a different view for the container folder pane ui that appears in the main view when you click on a container resource that does not have an index.ttl#this. Thoughts... should we create a storage-pane for the main view of storage and have folder-pane for the view of regular container resources.

Questions/Decisions to make:

  • Do we want to add in a Home (where all non-public container resources appear under)? or just show the resources we actually have as we do currently...
  • The + button for upload, thoughts on how it looks.
  • Should we separate the 2 panes storage and container or keep them both in the folder-pane?
  • Do we like the sticky headers? And sidebar with the scroll?

@SharonStrats SharonStrats self-assigned this Aug 23, 2026
@SharonStrats SharonStrats added the enhancement New feature or request label Aug 23, 2026
@SharonStrats SharonStrats moved this to In progress in SolidOS NLNet UI Aug 23, 2026
@timea-solid

Copy link
Copy Markdown
Member

Add some screenshots of how it looks, it will be much faster to check and follow.

SharonStrats and others added 4 commits August 27, 2026 07:26
Prompt 1: Separate Public container and position it at the end, add a Home above all other resources.
Prompt 2: Change the list structure so that the expanded resources can be styled together.

Co-authored-by: GPT-5.4 Mini <gpt-5.4-mini@openai.com>
@SharonStrats

SharonStrats commented Aug 29, 2026

Copy link
Copy Markdown
Contributor Author

@timea-solid Here's where I am so far. I have made changes in solid-panes and mashlib as well to make this design. In Mashlib I had to change somethings in order to do the sticky storage header and the sidebar scroll.
All branches are named the same new-layout-playground.
Screenshot 2026-08-29 at 9 11 21 PM

Status
The basic overall structure is there. Some functionality is complete, the bread crumbs, expand and click to open in the main content view area. I left the + icon for file upload only, it appears both in the main sidebar as well as in the container pane.
I still need to complete the resource container pane area, with the different views. The Add button is on the header and the menu items appear, but the add functionality is not working yet. the search does not work. the code is not finalized it's sloppy still, we need to use the file explorer provider and probably create another provider for the storage pane.
In the folder pane there are basically 2 panes within that pane. The main storage pane view showing all resources and a container pane that displays the resources of a non "storage" container in the content view.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

Status: In progress

Development

Successfully merging this pull request may close these issues.

2 participants