Skip to content

Restyle hotkeys to match Studio/Tobira - #1749

Open
Arnei wants to merge 5 commits into
opencast:developfrom
Arnei:hotkey-key-caps
Open

Arnei wants to merge 5 commits into
opencast:developfrom
Arnei:hotkey-key-caps

Conversation

@Arnei

@Arnei Arnei commented Nov 13, 2026

Copy link
Copy Markdown
Member

Clicking on the "Hotkeys" button in the header gave you quite the different experience from Opencast Studio or Tobira. This aims to create a more similar look and feel.

  • Now opens a modal instead of a main menu view.
  • Uses Appkit components to style the "keys". No more raw text.
  • Ensure nested edit/delete modals are still working.
  • Replace our column style with the grid style.
Bildschirmfoto vom 2026-11-13 15-40-11

How to test this

Mostly a look and feel PR, but it would not hurt to make sure that everything pertaining to hotkeys is still working as before.

AI Usage

Used Claude Sonnet 5 for the bulk of the work.

Replace the hand-written key boxes with SingleKeyContainer and
KeyCombinationContainer, as used by Studio and Tobira. Arrow keys and
Shift are shown as icons. Remove the now unused singleKey theme tokens.

This commit was largely AI generated.
The hotkeys moved from a main view into a modal opened from the header
button, so they can be looked up without leaving the current view.
Key recording now only runs while the edit dialog is open. Before, it
kept grabbing all key presses after the dialog was discarded.

While the modal is open, the editor's own hotkeys are disabled through a
react-hotkeys-hook scope, so they no longer trigger behind the modal.

This commit was largely AI generated.
This commit was largely AI generated.
This commit was largely AI generated.
@Arnei Arnei added type:enhancement New feature or request type:visual-clarity A part of the UI is not visually readable labels Nov 13, 2026
@github-actions

Copy link
Copy Markdown

This pull request is deployed at test.editor.opencast.org/1749/2026-11-13_14-47-46/ .
It might take a few minutes for it to become available.

This branch has not been deployed

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

Labels

type:enhancement New feature or request type:visual-clarity A part of the UI is not visually readable

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant