1253887 - Split pane view for index/client/roles manager

Status: RESOLVED WONTFIX

(Taskcluster :: UI, defect)

Description

[Jonas Finnemann Jensen (:jonasfj)]

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.

Comment 1

[Dustin J. Mitchell [:dustin] (he/him)]

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

[:Eli Perelman]

We won't be using user-controllable split panes due to their lack of mobile UX.