Skip to content

feat: BROS-107: Visually hide Annotation ID on Annotation History empty state #7770

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Conversation

ricardoantoniocm
Copy link
Contributor

@ricardoantoniocm ricardoantoniocm commented Jun 16, 2025

Reason for change

In the Annotation History panel, the "Annotation ID" header was still visible even when there were no annotations to display. This change visually hides the header in the empty state to create a cleaner and more intuitive user interface, aligning with the intended design. The Annotation ID remains accessible to screen readers to maintain accessibility standards.

Screenshots

Before
image

After
image

Testing

  1. Navigate the Labeling UI, and open the History panel.
  2. Ensure there are no annotation changes (create a new one), so the panel displays its empty state.
  3. Verify that the "Annotation ID" header is not visible.
  4. Using browser developer tools, inspect the element to confirm that the header is still present in the DOM.
  5. Create a new annotation.
  6. Verify that the "Annotation ID" and its value are now visible in the history panel.

General notes

This change improves the overall user experience by decluttering the interface in its empty state.

Copy link

netlify bot commented Jun 16, 2025

Deploy Preview for label-studio-docs-new-theme ready!

Name Link
🔨 Latest commit 35c6fb1
🔍 Latest deploy log https://app.netlify.com/projects/label-studio-docs-new-theme/deploys/685052452facb80008136fbe
😎 Deploy Preview https://deploy-preview-7770--label-studio-docs-new-theme.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link

netlify bot commented Jun 16, 2025

Deploy Preview for heartex-docs ready!

Name Link
🔨 Latest commit 35c6fb1
🔍 Latest deploy log https://app.netlify.com/projects/heartex-docs/deploys/68505245aef88f00086dcd74
😎 Deploy Preview https://deploy-preview-7770--heartex-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions github-actions bot added the feat label Jun 16, 2025
Copy link

netlify bot commented Jun 16, 2025

Deploy Preview for label-studio-storybook ready!

Name Link
🔨 Latest commit 35c6fb1
🔍 Latest deploy log https://app.netlify.com/projects/label-studio-storybook/deploys/6850524582a6b80008a1c9ba
😎 Deploy Preview https://deploy-preview-7770--label-studio-storybook.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link

netlify bot commented Jun 16, 2025

Deploy Preview for label-studio-playground ready!

Name Link
🔨 Latest commit 35c6fb1
🔍 Latest deploy log https://app.netlify.com/projects/label-studio-playground/deploys/6850524505491a000875615d
😎 Deploy Preview https://deploy-preview-7770--label-studio-playground.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@ricardoantoniocm ricardoantoniocm marked this pull request as ready for review June 16, 2025 14:34
@ricardoantoniocm ricardoantoniocm self-assigned this Jun 16, 2025
@ricardoantoniocm ricardoantoniocm merged commit 410198e into develop Jun 16, 2025
44 checks passed
@robot-ci-heartex robot-ci-heartex deleted the fb-bros-107/visually-hide-annotation-id-annotation-history-empty-state branch June 16, 2025 19:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants