demostf/frontend
1
0
Fork 0
mirror of https://codeberg.org/demostf/frontend.git synced 2026-06-03 18:24:12 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

hide shortcuts for spectators

Browse source
This commit is contained in:
Robin Appelman 2024-12-02 23:56:52 +01:00
commit 213d2c6753
2 changed files with 35 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

7
script/viewer/Analyse/Analyser.tsx
View file

@ -266,6 +266,7 @@ export const Analyser = (props: AnalyseProps) => {
<h4>Keyboard Shortcuts</h4> <h4>Keyboard Shortcuts</h4>
<table class="shortcuts"> <table class="shortcuts">
<tbody> <tbody>
<Show when={!inShared}>
<tr> <tr>
<td><kbd>.</kbd></td> <td><kbd>.</kbd></td>
<td>Next tick</td> <td>Next tick</td>
@ -290,6 +291,12 @@ export const Analyser = (props: AnalyseProps) => {
<td><kbd>Spacebar</kbd></td> <td><kbd>Spacebar</kbd></td>
<td>Play/Pause</td> <td>Play/Pause</td>
</tr> </tr>
</Show>
<Show when={inShared}>
<tr>
<td colspan={2}>Shortcuts no usable as spectator have been hidden</td>
</tr>
</Show>
<tr> <tr>
<td><kbd>?</kbd></td> <td><kbd>?</kbd></td>
<td>This help menu</td> <td>This help menu</td>

4
style/pages/viewer/Analyser.css
View file

@ -127,6 +127,10 @@ kbd {
overflow: auto; overflow: auto;
max-height: 90%; max-height: 90%;
max-width: 90%; max-width: 90%;
&:focus-visible {
outline: none;
}
} }
.modal-content input[type="text"] { .modal-content input[type="text"] {