Skip to content

[BUG]: UI Fix Needed - Irresponsiveness and Duplicate components in table.html page #476

@sohamsshah

Description

@sohamsshah

Describe the bug
There exists duplicate button components and irresponsiveness in the website in the develop branch. The table.html code has been modified and newer features or upcoming features(drive feature, collections) has been added as compared to that in master branch.

There has been inconsistency with the arrangement of the components in the page and needs a bit of refactoring.

To Reproduce
Steps to reproduce the behavior:

  1. Spin up the dev environment as per provided instructions
  2. Go to http://localhost:4010/apps/table.html
  3. See the bug.
  4. Try resizing the window and observe behavior of the page.

Expected behavior
The duplicate buttons must be removed and responsiveness must be added. Since the codebase uses Bootstrap, the utils can be used to modify it to cleaner code.

Screenshots

Duplicate Buttons (upload and reload)

duplicate_buttons

Responsiveness Issues

lack_of_responsiveness
irresponsive_ipad

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser: Chrome, Microsoft Edge

Smartphone (please complete the following information):

  • Device: MotoG4, iPad, etc. (window sizing checks as this is UI fix. Since this is in develop branch, the bug can't be seen in LIVE hosted website)

Additional context
I am working on this issue. Will attach PR that solves this.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions