Skip to content

✨(frontend) add Ctrl+Shift+/ to open shortcuts settings#1050

Merged
Ovgodd merged 4 commits intomainfrom
feat/shortcut-hint-css-first-tile
Mar 4, 2026
Merged

✨(frontend) add Ctrl+Shift+/ to open shortcuts settings#1050
Ovgodd merged 4 commits intomainfrom
feat/shortcut-hint-css-first-tile

Conversation

@Ovgodd
Copy link
Collaborator

@Ovgodd Ovgodd commented Mar 2, 2026

Purpose

Display the keyboard shortcut hint (Ctrl+Shift+/), Only in the first participant tile in the grid to avoid repetition and visual clutter.

last part from this #859 PR slicing

issue : #855

Proposal

  • Show hint only on the first tile via CSS (:first-child + :focus-within)
  • Update hint text: F2 → Ctrl+Shift+/ for accessing shortcuts (Settings)
  • Ctrl+Shift+/ shortcut: open Settings on the Shortcuts tab
  • Restore Ctrl+Shift+F (fullscreen) and Ctrl+Shift+L (recording)

@Ovgodd Ovgodd requested a review from lebaudantoine March 2, 2026 10:06
@Ovgodd Ovgodd self-assigned this Mar 2, 2026
@Ovgodd Ovgodd added the a11y label Mar 2, 2026
@Ovgodd Ovgodd changed the title Feat/shortcut hint css first tile ✨(frontend) add Ctrl+Shift+/ to open shortcuts settings Mar 2, 2026
@Ovgodd Ovgodd force-pushed the feat/shortcut-hint-css-first-tile branch from 0fa84a1 to d3b3377 Compare March 2, 2026 10:08
@Ovgodd Ovgodd marked this pull request as ready for review March 2, 2026 10:08
@Ovgodd Ovgodd added the enhancement New feature or request label Mar 2, 2026
@Ovgodd Ovgodd force-pushed the feat/shortcut-hint-css-first-tile branch 3 times, most recently from 50ec16d to 9975a5f Compare March 2, 2026 10:55
@Ovgodd Ovgodd force-pushed the feat/shortcut-hint-css-first-tile branch 2 times, most recently from a364f8b to 6027026 Compare March 3, 2026 09:51
@Ovgodd Ovgodd requested a review from lebaudantoine March 3, 2026 09:53
Copy link
Collaborator

@lebaudantoine lebaudantoine left a comment

Choose a reason for hiding this comment

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

Let's address my comment in dedicated issue when needed.

Comment on lines +28 to +30
<kbd className={cx(badgeStyle, className)} aria-hidden="true">
{visualLabel}
</kbd>
Copy link
Collaborator

Choose a reason for hiding this comment

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

nitpick : I think the KBD styling should apply only to the actual key being pressed, not to the plus sign. Showing the "+" inside the KBD component could be misleading, as it might suggest that users need to press the "+" key specifically, rather than indicating a key combination.

Comment on lines +155 to +161
/* Shortcut hint: visible only on first grid tile when focused (CSS-based) */
.shortcut-hint-wrapper {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 150ms ease;
}
Copy link
Collaborator

Choose a reason for hiding this comment

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

D’après ce que j’ai pu constater, le hint n’apparaît que lorsque tu cliques réellement sur la participant tile, ou sur le menu de métadonnées qui s’affiche au survol.

Autrement dit, le raccourci n’apparaît pas en même temps que le menu d’actions de la participant tile (qui, lui, s’affiche au survol), mais uniquement lorsqu’il y a un véritable focus sur la participant tile.

En y réfléchissant, je me demande si cette fonctionnalité n’est pas surtout pertinente pour les utilisateurs de lecteurs d’écran. Peut-être qu’un jour, on préférera réserver le coin droit à autre chose : on pourra en reparler le moment venu.

En tout cas, ce comportement est différent de ce que j’imaginais : les actions supplémentaires d’une participant tile apparaissent au survol, tandis que le raccourci, lui, n’apparaît qu’au moment où la partie mentale reçoit effectivement le focus.

On peut ship comme ça, c'est un peu nit picking.

Ovgodd added 3 commits March 4, 2026 12:07
Update toolbar hint and register shortcut to open settings on shortcuts tab
Register Ctrl+Shift+F in DesktopControlBar, Ctrl+Shift+L in ToolsToggle
Use :first-child and :focus-within to restrict hint visibility to the first tile
@Ovgodd Ovgodd force-pushed the feat/shortcut-hint-css-first-tile branch from 6027026 to 1f83311 Compare March 4, 2026 11:08
caption, th scope, <kbd> for keys, no Tab stops on rows
@Ovgodd Ovgodd force-pushed the feat/shortcut-hint-css-first-tile branch from 1f83311 to 8362ac0 Compare March 4, 2026 11:09
@sonarqubecloud
Copy link

sonarqubecloud bot commented Mar 4, 2026

@Ovgodd Ovgodd merged commit 8362ac0 into main Mar 4, 2026
26 checks passed
@Ovgodd Ovgodd linked an issue Mar 9, 2026 that may be closed by this pull request
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

a11y enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add visual tooltip to display available keyboard shortcuts

2 participants