Split pane view for index/client/roles manager

RESOLVED WONTFIX

Status

Taskcluster
Tools
RESOLVED WONTFIX
2 years ago
10 months ago

People

(Reporter: jonasfj, Unassigned, Mentored)

Tracking

Details

(Whiteboard: [good first bug})

(Reporter)

Description

2 years ago
We should have a way to do a splitpane view... So we can resize the left and right side in index, client and role manager.

Maybe we can just use: https://github.com/tomkp/react-split-pane
(fork it)

Or maybe we should make our own.. It would definitely be nice if we remembered the last position in LocalStorage... So refreshing the index viewer won't cause use to forget any resizing we did.

Presumably we have to give each instance of the splitpane a key it can use to persist the size ratio in LocalStorage. So that size ratio for client mananger doesn't overwrite the size ratio for the index browser.
Maybe this can be done with react id? Or we can just pass a name={"client-manager"} property.
(Reporter)

Updated

2 years ago
Mentor: jopsen
Whiteboard: [good first bug}
Right now, most of these pages look like this:

 LIST OF THINGS           THING
----------------------    Field: value
----------------------    Field: value
----------------------    Field: value
----------------------    [button] [button]
----------------------
----------------------
----------------------
----------------------
----------------------
----------------------
----------------------
----------------------
----------------------
----------------------
[button][button]

with the width of the two items fixed using the Bootstrap grid.

From what I understand, you're suggesting making that width user-selectable with a draggable border, similar to http://react-split-pane.surge.sh

The issue with this kind of layout, though, is that it is hard to navigate.  If you scroll to the bottom of the list and click something, you have no way to know that the "THING" display in the upper right (offscreen) has changed.  It's even worse on a narrow view (mobile) where the "THING" gets moved to the bottom.  So, I think we should fix that by redesigning the shape of the UI, rather than introduce draggable borders (which I suspect will make things worse on mobile, since you'll be constrained to

LI|THI
ST|NG
OF|Fie
TH|ld:
IN|val
GS|ue
--|Fie
--|ld:
..|..

Comment 2

10 months ago
We won't be using user-controllable split panes due to their lack of mobile UX.
Status: NEW → RESOLVED
Last Resolved: 10 months ago
Resolution: --- → WONTFIX
You need to log in before you can comment on or make changes to this bug.