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
                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.
                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 .
                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 .
                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
                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.
                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
                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.
                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
                Hide
                Permalink
                nfreese Nowlan Freese added a comment -

                Closing issue.

                Show
                nfreese Nowlan Freese added a comment - Closing issue.

                  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: