Skip to content

New: Add screen-size hide classes aligning with _screenSize (fixes #609) - #610

Merged
swashbuck merged 1 commit into
masterfrom
issue/609
Jul 16, 2026
Merged

swashbuck merged 1 commit into
masterfrom
issue/609

Conversation

@swashbuck

@swashbuck swashbuck commented Jul 6, 2026 •

Copy link
Copy Markdown
Contributor

Fixes #609

New

  • Added screen-size hide classes that align directly with the _screenSize names in config.json: hide-on-small, hide-on-medium, hide-on-large, and hide-on-xlarge. Each hides its element only at that screen size, so the class name states exactly which size it targets.
  • To hide across a range of sizes, stack the classes, e.g. class="hide-on-small hide-on-medium".

The existing hide-on-desktop and hide-on-mobile classes are retained unchanged for backwards compatibility.

Testing

  1. Add hide-on-small to a component and confirm it is hidden only at the small screen size, visible at medium and above.
  2. Repeat for hide-on-medium, hide-on-large, and hide-on-xlarge.
  3. Stack two classes (e.g. hide-on-small hide-on-medium) and confirm the element is hidden at both sizes.
  4. Confirm existing hide-on-desktop / hide-on-mobile behaviour is unchanged.

To-do ☑️

Once merged:

Posted via collaboration with Claude Code

@kirsty-hames kirsty-hames left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Works as expected thanks @swashbuck 👍

@swashbuck
swashbuck merged commit 09b7c66 into master Jul 16, 2026
1 check passed
@swashbuck
swashbuck deleted the issue/609 branch July 16, 2026 14:12
@github-project-automation github-project-automation Bot moved this from Needs Reviewing to Recently Released in adapt_framework: The TODO Board Jul 16, 2026
@github-actions

Copy link
Copy Markdown

🎉 This PR is included in version 9.38.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add 'hide' classes to align with _screenSize

4 participants