Uploaded image for project: 'IGB'
  1. IGB
  2. IGBF-2495

Improve column resizing in BioViz Connect

        Details

        • Type: Task
        • Status: Closed (View Workflow)
        • Priority: Major
        • Resolution: Done
        • Affects Version/s: None
        • Fix Version/s: None
        • Labels:
          None
        • Story Points:
          3
        • Epic Link:
        • Sprint:
          Summer 5: 3 Aug - 14 Aug, Summer 6: 17 Aug - 28 Aug, Summer 7: 31 Aug - 11 Sep, Fall 1: 14 Sep - 25 Sep, Fall 2: 28 Sep - 9 Oct, Fall 3: Oct 12 - Oct 23, Fall 4 Oct 26 - Nov 6

          Description

          The BioViz Connect table view of files and folders is very nice, but currently when I resize the browser window, the column sizes stay the same. This is inconvenient, especially when making videos or images for training and demos.

          For this task, investigate what it would take to make it possible for the columns to automatically change their size when the user changes the window size.

          Watch this: https://www.dropbox.com/s/y0yh9k16agaccp8/igbf-2495.mp4?dl=0

            Attachments

            1. 1.png
              1.png
              78 kB
            2. 2.png
              2.png
              154 kB
            3. 3and4.png
              3and4.png
              164 kB
            4. Screen Shot 2020-10-23 at 11.09.21 AM.png
              Screen Shot 2020-10-23 at 11.09.21 AM.png
              165 kB
            5. Screen Shot 2020-10-23 at 11.09.48 AM.png
              Screen Shot 2020-10-23 at 11.09.48 AM.png
              144 kB
            6. Screen Shot 2020-10-23 at 11.24.46 AM.png
              Screen Shot 2020-10-23 at 11.24.46 AM.png
              82 kB

              Issue Links

              relates to

              Task - A task that needs to be done. IGBF-2077 Add right-click menu option to copy file/folder name

              • Minor - Minor loss of function, or other problem where easy workaround is present.
              • Closed

                Activity

                Ascending order - Click to sort in descending order
                ann.loraine Ann Loraine created issue -
                ann.loraine Ann Loraine made changes -
                Field Original Value New Value
                Epic Link IGBF-2376 [ 18533 ]
                ann.loraine Ann Loraine made changes -
                Rank Ranked higher
                ann.loraine Ann Loraine made changes -
                Description The BioViz Connect table view of files and folders is very nice, but currently when I resize the browser window, the column sizes stay the same. This is inconvenient, especially when making videos or images for training and demos.

                For this task, investigate what it would take to make it possible for the columns to automatically change their size when the user changes the window size.

                ann.loraine Ann Loraine made changes -
                Summary Investigate: Implement column resizing in BioViz Connect Investigate: Improve column resizing in BioViz Connect
                ann.loraine Ann Loraine made changes -
                Description The BioViz Connect table view of files and folders is very nice, but currently when I resize the browser window, the column sizes stay the same. This is inconvenient, especially when making videos or images for training and demos.

                For this task, investigate what it would take to make it possible for the columns to automatically change their size when the user changes the window size.

                		The BioViz Connect table view of files and folders is very nice, but currently when I resize the browser window, the column sizes stay the same. This is inconvenient, especially when making videos or images for training and demos.

                For this task, investigate what it would take to make it possible for the columns to automatically change their size when the user changes the window size.

                Watch this: https://www.dropbox.com/s/y0yh9k16agaccp8/igbf-2495.mp4?dl=0
                ann.loraine Ann Loraine made changes -
                Rank Ranked higher
                Hide
                Permalink
                nfreese Nowlan Freese added a comment -

                Move View in IGB column to right of Name column in middle-panel.

                Show
                nfreese Nowlan Freese added a comment - Move View in IGB column to right of Name column in middle-panel.
                nfreese Nowlan Freese made changes -
                Link This issue relates to IGBF-2077 [ IGBF-2077 ]
                Hide
                Permalink
                nfreese Nowlan Freese added a comment -

                This issue will most likely affect the appearance of names so I have connected it to IGBF-2077.

                Show
                nfreese Nowlan Freese added a comment - This issue will most likely affect the appearance of names so I have connected it to IGBF-2077 .
                ann.loraine Ann Loraine made changes -
                Sprint Summer 5: 3 Aug - 14 Aug [ 100 ] Summer 5: 3 Aug - 14 Aug, Summer 6: 17 Aug - 28 Aug [ 100, 101 ]
                ann.loraine Ann Loraine made changes -
                Rank Ranked higher
                ann.loraine Ann Loraine made changes -
                Sprint Summer 5: 3 Aug - 14 Aug, Summer 6: 17 Aug - 28 Aug [ 100, 101 ] Summer 5: 3 Aug - 14 Aug, Summer 6: 17 Aug - 28 Aug, Summer 7: 31 Aug - 11 Sep [ 100, 101, 102 ]
                ann.loraine Ann Loraine made changes -
                Rank Ranked higher
                ann.loraine Ann Loraine made changes -
                Sprint Summer 5: 3 Aug - 14 Aug, Summer 6: 17 Aug - 28 Aug, Summer 7: 31 Aug - 11 Sep [ 100, 101, 102 ] Summer 5: 3 Aug - 14 Aug, Summer 6: 17 Aug - 28 Aug, Summer 7: 31 Aug - 11 Sep, Fall 1: 14 Sep - 25 Sep [ 100, 101, 102, 103 ]
                ann.loraine Ann Loraine made changes -
                Rank Ranked higher
                ann.loraine Ann Loraine made changes -
                Sprint Summer 5: 3 Aug - 14 Aug, Summer 6: 17 Aug - 28 Aug, Summer 7: 31 Aug - 11 Sep, Fall 1: 14 Sep - 25 Sep [ 100, 101, 102, 103 ] Summer 5: 3 Aug - 14 Aug, Summer 6: 17 Aug - 28 Aug, Summer 7: 31 Aug - 11 Sep, Fall 1: 14 Sep - 25 Sep, Fall 2: 28 Sep - 9 Oct [ 100, 101, 102, 103, 104 ]
                ann.loraine Ann Loraine made changes -
                Rank Ranked higher
                nfreese Nowlan Freese made changes -
                Status To-Do [ 10305 ] In Progress [ 3 ]
                nfreese Nowlan Freese made changes -
                Assignee Karthik Raveendran [ karthik ]
                nfreese Nowlan Freese made changes -
                Status In Progress [ 3 ] To-Do [ 10305 ]
                nfreese Nowlan Freese made changes -
                Status To-Do [ 10305 ] In Progress [ 3 ]
                Hide
                Permalink
                nfreese Nowlan Freese added a comment -

                Karthik Raveendran please take a look at the ideas proposed in this slide deck.

                Show
                nfreese Nowlan Freese added a comment - Karthik Raveendran please take a look at the ideas proposed in this slide deck .
                ann.loraine Ann Loraine made changes -
                Sprint Summer 5: 3 Aug - 14 Aug, Summer 6: 17 Aug - 28 Aug, Summer 7: 31 Aug - 11 Sep, Fall 1: 14 Sep - 25 Sep, Fall 2: 28 Sep - 9 Oct [ 100, 101, 102, 103, 104 ] Summer 5: 3 Aug - 14 Aug, Summer 6: 17 Aug - 28 Aug, Summer 7: 31 Aug - 11 Sep, Fall 1: 14 Sep - 25 Sep, Fall 2: 28 Sep - 9 Oct, Fall 3: Oct 12 - Oct 23 [ 100, 101, 102, 103, 104, 106 ]
                ann.loraine Ann Loraine made changes -
                Rank Ranked higher
                Hide
                Permalink
                nfreese Nowlan Freese added a comment -

                Merged https://bitbucket.org/nfreese/django-cyversedev/pull-requests/197/igbf-2495

                Show
                nfreese Nowlan Freese added a comment - Merged https://bitbucket.org/nfreese/django-cyversedev/pull-requests/197/igbf-2495
                karthik Karthik Raveendran made changes -
                Status In Progress [ 3 ] Needs 1st Level Review [ 10005 ]
                nfreese Nowlan Freese made changes -
                Assignee Karthik Raveendran [ karthik ] Nowlan Freese [ nfreese ]
                nfreese Nowlan Freese made changes -
                Status Needs 1st Level Review [ 10005 ] First Level Review in Progress [ 10301 ]
                nfreese Nowlan Freese made changes -
                Status First Level Review in Progress [ 10301 ] Ready for Pull Request [ 10304 ]
                nfreese Nowlan Freese made changes -
                Status Ready for Pull Request [ 10304 ] Pull Request Submitted [ 10101 ]
                nfreese Nowlan Freese made changes -
                Status Pull Request Submitted [ 10101 ] Reviewing Pull Request [ 10303 ]
                nfreese Nowlan Freese made changes -
                Status Reviewing Pull Request [ 10303 ] Merged Needs Testing [ 10002 ]
                nfreese Nowlan Freese made changes -
                Status Merged Needs Testing [ 10002 ] Post-merge Testing In Progress [ 10003 ]
                nfreese Nowlan Freese made changes -
                Attachment 1.png [ 14896 ]
                Attachment 2.png [ 14897 ]
                Attachment 3and4.png [ 14898 ]
                Hide
                Permalink
                nfreese Nowlan Freese added a comment -

                Overall looks and feels much better.

                A couple of changes to make:

                1) Can we institute a minimum size for the Name column? Currently if the screen is small enough the name goes down to (...). Should set minimum column width so that ~10 characters are showing at a minimum.

                2) Search bar is disappearing when screen is narrow, but it looks like there is still space for it in the UI.

                3) When right-panel is viewed on a narrow screen the Name column is being crushed while the Last Modified column is still shown at full width. Last Modified column should disappear similar to how it disappears when the right-panel is not active.

                4) Enforce minimum size for Name column when right-panel is active.

                Show
                nfreese Nowlan Freese added a comment - Overall looks and feels much better. A couple of changes to make: 1) Can we institute a minimum size for the Name column? Currently if the screen is small enough the name goes down to (...). Should set minimum column width so that ~10 characters are showing at a minimum. 2) Search bar is disappearing when screen is narrow, but it looks like there is still space for it in the UI. 3) When right-panel is viewed on a narrow screen the Name column is being crushed while the Last Modified column is still shown at full width. Last Modified column should disappear similar to how it disappears when the right-panel is not active. 4) Enforce minimum size for Name column when right-panel is active.
                nfreese Nowlan Freese made changes -
                Assignee Nowlan Freese [ nfreese ] Karthik Raveendran [ karthik ]
                nfreese Nowlan Freese made changes -
                Status Post-merge Testing In Progress [ 10003 ] To-Do [ 10305 ]
                karthik Karthik Raveendran made changes -
                Status To-Do [ 10305 ] In Progress [ 3 ]
                karthik Karthik Raveendran made changes -
                Status In Progress [ 3 ] To-Do [ 10305 ]
                nfreese Nowlan Freese made changes -
                Status To-Do [ 10305 ] In Progress [ 3 ]
                nfreese Nowlan Freese made changes -
                Summary Investigate: Improve column resizing in BioViz Connect Improve column resizing in BioViz Connect
                nfreese Nowlan Freese made changes -
                Story Points 1 3
                karthik Karthik Raveendran made changes -
                Status In Progress [ 3 ] Needs 1st Level Review [ 10005 ]
                karthik Karthik Raveendran made changes -
                Assignee Karthik Raveendran [ karthik ]
                Hide
                Permalink
                nfreese Nowlan Freese added a comment -

                Merged https://bitbucket.org/nfreese/django-cyversedev/pull-requests/202/igbf-2495-change-searchrender-disapperance

                Show
                nfreese Nowlan Freese added a comment - Merged https://bitbucket.org/nfreese/django-cyversedev/pull-requests/202/igbf-2495-change-searchrender-disapperance
                nfreese Nowlan Freese made changes -
                Assignee Nowlan Freese [ nfreese ]
                nfreese Nowlan Freese made changes -
                Status Needs 1st Level Review [ 10005 ] First Level Review in Progress [ 10301 ]
                nfreese Nowlan Freese made changes -
                Status First Level Review in Progress [ 10301 ] Ready for Pull Request [ 10304 ]
                nfreese Nowlan Freese made changes -
                Status Ready for Pull Request [ 10304 ] Pull Request Submitted [ 10101 ]
                nfreese Nowlan Freese made changes -
                Status Pull Request Submitted [ 10101 ] Reviewing Pull Request [ 10303 ]
                nfreese Nowlan Freese made changes -
                Status Reviewing Pull Request [ 10303 ] Merged Needs Testing [ 10002 ]
                nfreese Nowlan Freese made changes -
                Status Merged Needs Testing [ 10002 ] Post-merge Testing In Progress [ 10003 ]
                Hide
                Permalink
                nfreese Nowlan Freese added a comment - - edited

                Overall looks great and works much better.

                I have one minor fix:

                Use same minimum Name size when Last Modified column is present/absent (see attached photos). It looks like the minimum Name size increases when the browser window becomes narrow enough that the Last Modified disappears. I like the minimum Name size when the Last Modified column is present.

                Show
                nfreese Nowlan Freese added a comment - - edited Overall looks great and works much better. I have one minor fix: Use same minimum Name size when Last Modified column is present/absent (see attached photos). It looks like the minimum Name size increases when the browser window becomes narrow enough that the Last Modified disappears. I like the minimum Name size when the Last Modified column is present.
                nfreese Nowlan Freese made changes -
                Attachment Screen Shot 2020-10-23 at 11.09.21 AM.png [ 14924 ]
                Attachment Screen Shot 2020-10-23 at 11.09.48 AM.png [ 14925 ]
                Attachment Screen Shot 2020-10-23 at 11.24.46 AM.png [ 14926 ]
                nfreese Nowlan Freese made changes -
                Assignee Nowlan Freese [ nfreese ] Karthik Raveendran [ karthik ]
                nfreese Nowlan Freese made changes -
                Status Post-merge Testing In Progress [ 10003 ] To-Do [ 10305 ]
                ann.loraine Ann Loraine made changes -
                Sprint Summer 5: 3 Aug - 14 Aug, Summer 6: 17 Aug - 28 Aug, Summer 7: 31 Aug - 11 Sep, Fall 1: 14 Sep - 25 Sep, Fall 2: 28 Sep - 9 Oct, Fall 3: Oct 12 - Oct 23 [ 100, 101, 102, 103, 104, 106 ] Summer 5: 3 Aug - 14 Aug, Summer 6: 17 Aug - 28 Aug, Summer 7: 31 Aug - 11 Sep, Fall 1: 14 Sep - 25 Sep, Fall 2: 28 Sep - 9 Oct, Fall 3: Oct 12 - Oct 23, Fall 4 Oct 26 - Nov 6 [ 100, 101, 102, 103, 104, 106, 107 ]
                ann.loraine Ann Loraine made changes -
                Rank Ranked higher
                karthik Karthik Raveendran made changes -
                Status To-Do [ 10305 ] In Progress [ 3 ]
                karthik Karthik Raveendran made changes -
                Status In Progress [ 3 ] To-Do [ 10305 ]
                karthik Karthik Raveendran made changes -
                Status To-Do [ 10305 ] In Progress [ 3 ]
                karthik Karthik Raveendran made changes -
                Status In Progress [ 3 ] Needs 1st Level Review [ 10005 ]
                karthik Karthik Raveendran made changes -
                Assignee Karthik Raveendran [ karthik ]
                Hide
                Permalink
                nfreese Nowlan Freese added a comment -

                Merged https://bitbucket.org/nfreese/django-cyversedev/pull-requests/204/igbf-2495-fix-search-input-transition-and

                Show
                nfreese Nowlan Freese added a comment - Merged https://bitbucket.org/nfreese/django-cyversedev/pull-requests/204/igbf-2495-fix-search-input-transition-and
                nfreese Nowlan Freese made changes -
                Status Needs 1st Level Review [ 10005 ] First Level Review in Progress [ 10301 ]
                nfreese Nowlan Freese made changes -
                Status First Level Review in Progress [ 10301 ] Ready for Pull Request [ 10304 ]
                nfreese Nowlan Freese made changes -
                Status Ready for Pull Request [ 10304 ] Pull Request Submitted [ 10101 ]
                nfreese Nowlan Freese made changes -
                Status Pull Request Submitted [ 10101 ] Reviewing Pull Request [ 10303 ]
                nfreese Nowlan Freese made changes -
                Status Reviewing Pull Request [ 10303 ] Merged Needs Testing [ 10002 ]
                nfreese Nowlan Freese made changes -
                Assignee Nowlan Freese [ nfreese ]
                Hide
                Permalink
                nfreese Nowlan Freese added a comment -

                Closing issue.

                Show
                nfreese Nowlan Freese added a comment - Closing issue.
                nfreese Nowlan Freese made changes -
                Assignee Nowlan Freese [ nfreese ] Karthik Raveendran [ karthik ]
                nfreese Nowlan Freese made changes -
                Status Merged Needs Testing [ 10002 ] Post-merge Testing In Progress [ 10003 ]
                nfreese Nowlan Freese made changes -
                Resolution Done [ 10000 ]
                Status Post-merge Testing In Progress [ 10003 ] Closed [ 6 ]

                  People

                  • Assignee:
                    karthik Karthik Raveendran
                    Reporter:
                    ann.loraine Ann Loraine
                  • Votes:
                    0 Vote for this issue
                    Watchers:
                    2 Start watching this issue

                    Dates

                    • Created:
                      Updated:
                      Resolved: