Issue:
The bottom row of chords are pushed below the bottom of the page, and they become inaccessible. When a chord has a long chord output: text or macro
Cause:
Reducing the browser width.
Causes the cord output buttons (to the right), to become wrapped to the next line.
This increases the line height of all chords.
Workaround:
Increase the browser width.
However, this will probably not work when a chord output is longer than can fit in the chord output section, because the page seems to have a max-width.
A solution:
Show a scrollbar when a chord is pushed below the bottom of the page.
And only wrap the cord output buttons for chords with a long output. Not on all chords on this page.
Issue: The bottom row of chords are pushed below the bottom of the page, and they become inaccessible. When a chord has a long chord output: text or macro
https://github.com/CharaChorder/DeviceManager/assets/13420573/ab5d26bc-68fa-4345-879c-56b25586bf90
Cause: Reducing the browser width. Causes the cord output buttons (to the right), to become wrapped to the next line. This increases the line height of all chords.
Workaround: Increase the browser width. However, this will probably not work when a chord output is longer than can fit in the chord output section, because the page seems to have a max-width.
A solution: Show a scrollbar when a chord is pushed below the bottom of the page. And only wrap the cord output buttons for chords with a long output. Not on all chords on this page.
Chords backup: chords-ONE-2024-05-31T06_32_39.832Z.json