search

fossology / FOSSologyUI

Repository to hold the new UI framework for FOSSology built with React
https://fossology.github.io/FOSSologyUI/
GNU General Public License v2.0
49 stars 88 forks source link

update(ui): Design related fixes (Navbar and browse page) #215

Closed krishna9304 closed 2 years ago

krishna9304 commented 2 years ago

Description

There were design related issues in the Navbar and browse page. Below screenshots will make it more clearer.

This PR contains design fixes concerned with.

Changes

NavBar

Before:

The icons were in column alignment which took more space in tablet or mobile view.

Screenshot 2022-06-06 at 12 03 42 AM

After:

Screenshot 2022-06-06 at 12 05 38 AM

Browse Page

Before:

By default the height was 50rem for the folders navigation which gave extra space for no reason and didn't looked good from ui perspective

https://user-images.githubusercontent.com/71918441/172065518-f59bd0ae-1179-4735-80ed-c87fb5b3d6a7.mov

After:

This change contains dynamic height value assignment based on number of folders and subfolders which solves this issue.

https://user-images.githubusercontent.com/71918441/172065539-54858e6a-ce12-4a69-9e1d-cd70a3b4a2a0.mov