Skip to content

Fix disappearing labels for fading checkbox #215

Merged
WeirdRubberDuck merged 2 commits into
masterfrom
issue/4045-fading-checkbox-disappearing-label
May 11, 2026
Merged

Fix disappearing labels for fading checkbox #215
WeirdRubberDuck merged 2 commits into
masterfrom
issue/4045-fading-checkbox-disappearing-label

Conversation

@WeirdRubberDuck
Copy link
Copy Markdown
Collaborator

closes OpenSpace/OpenSpace#4045

Use a checkbox also for the fading state. Replace the previous "icon" with an animated SVG

Inspelning.2026-05-08.115619.mp4

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This PR updates the “fading” visibility UI for property owners so that the label no longer disappears during fade transitions, by rendering a Mantine Checkbox (with an animated icon) instead of a standalone icon button.

Changes:

  • Render a Checkbox (with indeterminate state) when visibility === 'Fading' to keep the label visible.
  • Replace the previous CSS-based FadeIcon implementation with a new SVG-based FadeAnimationIcon.
  • Remove the old FadeIcon component and its CSS module.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 1 comment.

File Description
src/components/PropertyOwner/VisiblityCheckbox.tsx Uses a Mantine Checkbox (with custom icon) in the Fading state so the label remains visible.
src/components/PropertyOwner/FadeIcon.tsx Removes the previous ActionIcon-based fading indicator implementation.
src/components/PropertyOwner/FadeIcon.module.css Removes keyframe animation styles used by the deleted FadeIcon.
src/components/PropertyOwner/FadeAnimationIcon.tsx Adds a new animated SVG icon used in the checkbox for the Fading state.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/components/PropertyOwner/VisiblityCheckbox.tsx
@WeirdRubberDuck WeirdRubberDuck merged commit c43c04c into master May 11, 2026
1 check passed
@WeirdRubberDuck WeirdRubberDuck deleted the issue/4045-fading-checkbox-disappearing-label branch May 11, 2026 10:45
WeirdRubberDuck added a commit to OpenSpace/OpenSpace that referenced this pull request May 11, 2026
Fading checkbox fix and update (OpenSpace/OpenSpace-WebGui#215) #4045
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.

Disappearing text in NightSky Panel when toggling items

3 participants