Skip to content

Update Night Sky Panel's Markings tab + Small Sun Tab refactor#207

Merged
WeirdRubberDuck merged 25 commits into
masterfrom
issue/3753-nightsky-markings-layout
Apr 22, 2026
Merged

Update Night Sky Panel's Markings tab + Small Sun Tab refactor#207
WeirdRubberDuck merged 25 commits into
masterfrom
issue/3753-nightsky-markings-layout

Conversation

@WeirdRubberDuck
Copy link
Copy Markdown
Collaborator

@WeirdRubberDuck WeirdRubberDuck commented Mar 20, 2026

Closes OpenSpace/OpenSpace#3753 by adding a new ToggleCard component and improving the layout in the Night Sky Panel's Markings tab. IN discussion with @ylvaselling, I also changed the design for the Cardinal directions part to better reflect how this control works, and that it's different from the other toggles.

Drafting as the following needs to be fixed before merging:

New VS old Markings tab:
image

New VS old Sun tab:
image

@WeirdRubberDuck WeirdRubberDuck marked this pull request as draft March 20, 2026 08:40
@WeirdRubberDuck
Copy link
Copy Markdown
Collaborator Author

WeirdRubberDuck commented Mar 20, 2026

The layout is now more responsive and uses an adaptive gridding similar to the skybrowser panel. Demonstration:

2026-03-20.09-43-50.mov

Comment thread src/components/ToggleCard/ToggleCard.module.css Outdated
Comment thread src/panels/NightSkyPanel/tabs/MarkingsTab/SceneGraphNodeToggle.tsx Outdated
WeirdRubberDuck and others added 3 commits March 27, 2026 09:13
Co-authored-by: Alexander Bock <mail@alexanderbock.eu>
# Conflicts:
#	src/panels/NightSkyPanel/tabs/MarkingsTab/SceneGraphNodeToggle.tsx
# Conflicts:
#	src/panels/NightSkyPanel/tabs/MarkingsTab/CardinalDirectionsBoxes.tsx
#	src/panels/NightSkyPanel/tabs/MarkingsTab/ConstellationsArtToggle.tsx
#	src/panels/NightSkyPanel/tabs/MarkingsTab/ConstellationsLabelsToggle.tsx
#	src/panels/NightSkyPanel/tabs/MarkingsTab/ConstellationsLinesToggle.tsx
#	src/panels/NightSkyPanel/tabs/MarkingsTab/MarkingBox.tsx
@micahnyc
Copy link
Copy Markdown
Contributor

Actions now available here: https://github.com/OpenSpace/OpenSpace-WebGui/pull/207/changes and I updated this branch to call them.

@WeirdRubberDuck WeirdRubberDuck marked this pull request as ready for review April 15, 2026 09:32
@WeirdRubberDuck
Copy link
Copy Markdown
Collaborator Author

The "Cardinal Directions" part's design was changed once again... Now it corresponds more to how it actually works - with the scene graph node being enabled/disabled and then which texture is set. It also allows setting the visuals before showing the direction.

This is how it looks now:

image

@micahnyc
Copy link
Copy Markdown
Contributor

Looks and works great! Tested all the changes, and I updated the actions in the main repo to fix the hide all stuff

Copy link
Copy Markdown
Member

@engbergandreas engbergandreas left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sorry for all the onClick functions, but might as well get through them. We should probably make a separate pass through on this so that we're up-to-date with our readme. I only looked at the code and nothing sticks out. Looks way nicer now, great job!

Comment thread public/locales/en/panel-nightsky.json Outdated
Comment thread public/locales/en/panel-nightsky.json Outdated
Comment thread src/panels/NightSkyPanel/tabs/MarkingsTab/CardinalDirections.tsx Outdated
Comment thread src/panels/NightSkyPanel/tabs/MarkingsTab/CardinalDirections.tsx Outdated
Comment thread src/panels/NightSkyPanel/tabs/MarkingsTab/MarkingsTab.tsx
Comment thread src/panels/NightSkyPanel/tabs/SunTab.tsx
Comment thread src/panels/NightSkyPanel/tabs/SunTab.tsx
Comment thread src/panels/NightSkyPanel/tabs/SunTab.tsx
Comment thread src/panels/NightSkyPanel/tabs/SunTab.tsx
Comment thread public/locales/en/panel-nightsky.json Outdated
Comment thread public/locales/en/panel-nightsky.json Outdated
Comment on lines +12 to +14
/**
* The identifier of the scene graph node that this toggle represents
*/
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
/**
* The identifier of the scene graph node that this toggle represents
*/
// The identifier of the scene graph node that this toggle represents

?

Copy link
Copy Markdown
Collaborator Author

@WeirdRubberDuck WeirdRubberDuck Apr 21, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Unfortunately, this has to be a block comment for it to be visible on hover over the property name. But I guess we could also skip it

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note that we're currently very incosistnet wiht how we document props. It's probably something we should discuss at some point

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yea, but then we can leave it as a block comment for now

WeirdRubberDuck and others added 3 commits April 21, 2026 09:27
Co-authored-by: Andreas Engberg <48772850+engbergandreas@users.noreply.github.com>
Co-authored-by: Alexander Bock <mail@alexanderbock.eu>
@WeirdRubberDuck WeirdRubberDuck merged commit b45f0e0 into master Apr 22, 2026
1 check passed
@WeirdRubberDuck WeirdRubberDuck deleted the issue/3753-nightsky-markings-layout branch April 22, 2026 07:44
WeirdRubberDuck added a commit to OpenSpace/OpenSpace that referenced this pull request Apr 22, 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.

NightSky Panel: Layout issues

4 participants