Dockstore: UI bugs

Created on 18 Feb 2021  路  3Comments  路  Source: dockstore/dockstore

Describe the bug
A clear and concise description of what the bug is.

  1. Texts on the right hand side should over flow when screen is small, but they exceed the sidebar
    image
    2.
    image
  2. This is likely not a bug, but thought styling could be done better
    image

  3. image

To Reproduce
Steps to reproduce the behavior:

  1. e.g.https://dockstore.org/workflows/github.com/broadinstitute/gatk/MitochondriaPipeline:master?tab=info
  2. In staging https://dev.dockstore.net/search?descriptorType=gxformat2&searchMode=files Galaxy language label
  3. This issue was found on localhost with database, therefore unable to pin point other workflows with this button, but here is the URL for localhost: /workflows/github.com/iwc-workflows/sars-cov-2-variant-calling/COVID-19%20variation%20analysis%20on%20Illumina%20metagenomic%20data:master?tab=info
  4. Resize screen: https://dockstore.org/workflows/github.com/broadinstitute/gatk/MitochondriaPipeline:master?tab=info

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari] Chrome
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context

  • UI version: 2.7.3
  • Webservice version: [e.g. 1.8.0]
  • host location: dockstore.org(prod)

鈹咺ssue is synchronized with this Jira Story
鈹咺ssue Number: DOCK-1714
鈹哠print: Backlog
鈹咺ssue Type: Story

bug gui review

Most helpful comment

The screenshot in this issue has a version that is essentially one long string like: "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" which cannot be word-break or w/e
The screenshot in the linked issue shows a very long version name that can be word-break or w/e

Solution is to probably copy whatever styling that the versions table uses and put it in the sidebar

All 3 comments

Is this a regression?
https://github.com/dockstore/dockstore/issues/3451
Please fill in the additional context, is this staging or prod?

The screenshot in this issue has a version that is essentially one long string like: "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" which cannot be word-break or w/e
The screenshot in the linked issue shows a very long version name that can be word-break or w/e

Solution is to probably copy whatever styling that the versions table uses and put it in the sidebar

Noticed and created #4106 in verifying this.

A little hard to be sure on everything, since some was written up with local data, but tried to reproduce using browser tools and looks good.

Webservice - 737a7de

UI - 2.7.3-50-g27bfbed2

Compose Setup - f24bc92

Deploy - 1.10-36-gcda0452

Was this page helpful?
0 / 5 - 0 ratings