Repository navigation
[ZEPPELIN-6587] Keep simple notebook controls accessible without hover - #5537
yuminnnnni wants to merge 2 commits into
Conversation
…over-capable pointer Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
|
The Playwright (auth) job failed on the previous commit because the new desktop hover spec asserted The workflows for the new commit are awaiting maintainer approval. Could a maintainer approve them so CI can run? Thank you! |
|
The touch-only CSS change makes sense. I found one test setup issue: the manually created The current E2E jobs stop at an unrelated Prettier check in |
What is this PR for?
In the Simple look-and-feel mode, notebook controls in the action bar and navigation buttons in the sidebar are hidden by default and rely on
:hoverinteractions to be revealed.On touch-only devices without a hover-capable pointer, users are unable to trigger hover states, rendering these essential notebook-level actions inaccessible.
This PR adds
@media (any-hover: none)style fallbacks for both the action-bar and sidebar components inSimplemode, ensuring that essential controls and navigation items remain visible and accessible on touch-only devices while preserving the existing hover-to-reveal behavior on desktop environments.What type of PR is it?
[Bug Fix]
Todos
@media (any-hover: none)fallback styles for.control(display: block) and.setting(display: flex) inaction-bar.component.less.@media (any-hover: none)fallback styles for.sidebar-buttonand.sidebar-nav(opacity: 1) insidebar.component.less.simple-look-and-feel-input.spec.ts) for verifying touch-only / non-hover interactions.What is the Jira issue?
How should this be tested?
(any-hover: none)).cd zeppelin-web-angular && npm run lint.Screenshots (if appropriate)
(Optional: Attach screenshots of Simple mode in an emulated touch context)
Questions: