diff --git a/apps/client/src/features/rundown/event-editor/EventEditorEmpty.module.scss b/apps/client/src/features/rundown/event-editor/EventEditorEmpty.module.scss
index 779d86893..1eceed841 100644
--- a/apps/client/src/features/rundown/event-editor/EventEditorEmpty.module.scss
+++ b/apps/client/src/features/rundown/event-editor/EventEditorEmpty.module.scss
@@ -32,3 +32,9 @@
.prompt {
font-size: 1rem;
}
+
+.divider {
+ display: inline-block;
+ text-align: center;
+ width: 1em;
+}
diff --git a/apps/client/src/features/rundown/event-editor/EventEditorEmpty.tsx b/apps/client/src/features/rundown/event-editor/EventEditorEmpty.tsx
index aa015c399..5151b1759 100644
--- a/apps/client/src/features/rundown/event-editor/EventEditorEmpty.tsx
+++ b/apps/client/src/features/rundown/event-editor/EventEditorEmpty.tsx
@@ -18,49 +18,77 @@ function EventEditorEmpty() {
|
- {deviceAlt} + ↑ / ↓
+ {deviceAlt}
+ +
+ ↑
+ /
+ ↓
|
Select entry |
|
- {deviceAlt} + {deviceMod} + ↑ / ↑
+ {deviceAlt}
+ +
+ {deviceMod}
+ +
+ ↑
+ /
+ ↑
|
Reorder selected entry |
|
- {deviceAlt} + E
+ {deviceAlt}
+ +
+ E
|
Add event below |
|
- {deviceAlt} + ↑ + E
+ {deviceAlt}
+ +
+ ↑
+ +
+ E
|
Add event above |
|
- {deviceAlt} + B
+ {deviceAlt}
+ +
+ B
|
Add block below |
|
- {deviceAlt} + ↑ + B
+ {deviceAlt}
+ +
+ ↑
+ +
+ B
|
Add block above |
|
- {deviceAlt} + D
+ {deviceAlt}
+ +
+ D
|
Add delay below |
|
- {deviceAlt} + ↑ + D
+ {deviceAlt}
+ +
+ ↑
+ +
+ D
|
Add delay above |
@@ -72,25 +100,35 @@ function EventEditorEmpty() {
|
- {deviceMod} + ⌫
+ {deviceMod}
+ +
+ ⌫
|
Delete selected entry |
|
- {deviceMod} + C
+ {deviceMod}
+ +
+ C
|
Copy selected entry |
|
- {deviceMod} + ↑ + V
+ {deviceMod}
+ +
+ ↑
+ +
+ V
|
Paste above |
|
- {deviceMod} + V
+ {deviceMod}
+ +
+ V
|
Paste below |
@@ -100,3 +138,7 @@ function EventEditorEmpty() {
);
}
+
+function AuxKey({ children }: { children: React.ReactNode }) {
+ return {children};
+}
diff --git a/apps/client/src/theme/theme.ts b/apps/client/src/theme/theme.ts
index cd3ae1017..6ac4cdb74 100644
--- a/apps/client/src/theme/theme.ts
+++ b/apps/client/src/theme/theme.ts
@@ -83,9 +83,13 @@ const theme = extendTheme({
Kbd: {
baseStyle: {
borderRadius: '2px',
- border: '1px solid rgba(255, 255, 255, 0.20)',
+ border: 'none',
background: 'rgba(255, 255, 255, 0.10)',
- color: 'white',
+ padding: '0.125rem 0.5rem',
+ color: '#f6f6f6', // $ui-white
+ fontWeight: 400,
+ boxShadow: '0px 0px 3px 0px rgba(0,0,0,0.4)',
+ fontSize: 'calc(1rem - 2px)',
},
},
Menu: {