Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

General browser fixes for collapsed sidebar #914

Merged
merged 5 commits into from Oct 19, 2022
Merged

Conversation

jagabomb
Copy link
Contributor

@jagabomb jagabomb commented Oct 19, 2022

Description

Minor improvements to remove issues in Safari browser with collapsed sidebar elements. Also changed implementation of Double Arrow Left icon to library standard due to fix with icon library.

Fixes:
Issue with icon not changing direction when the sidebar is collapsed in Safari.
Alignment of Trento logo not being centred when the sidebar is collapsed in Safari.

How was this tested?

Visually in Safari and Chrome

Screenshot 2022-10-19 at 10 11 58

@jagabomb jagabomb added bug Something isn't working ux labels Oct 19, 2022
Copy link
Contributor

@arbulu89 arbulu89 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me!
Maybe you could even add a test to check the arrow direction XD

assets/js/components/Layout/Layout.jsx Show resolved Hide resolved
assets/js/components/Layout/Layout.jsx Outdated Show resolved Hide resolved
assets/js/components/Layout/Layout.jsx Outdated Show resolved Hide resolved
'-scale-100': isCollapsed,
})}
/>
{isCollapsed ? (
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@dottorblaster So I am now using two implementations of the EOS Keyboard Double Arrow icons but it @arbulu89 had a suggestion to create a React component for both icons so that we can reduce the repeated attributes for size, color and classname. What do you think?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@jagabomb a component would be an overkill to me, maybe we can try just defining these things as const?

Copy link
Contributor Author

@jagabomb jagabomb Oct 19, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@dottorblaster Cool, I have defined the three const values in a new commit.

Copy link
Contributor

@dottorblaster dottorblaster left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Go!

@jagabomb jagabomb merged commit 36be7ad into main Oct 19, 2022
@jagabomb jagabomb deleted the collapsed-sidebar-fix-1 branch October 19, 2022 15:36
dottorblaster pushed a commit that referenced this pull request Oct 21, 2022
* General browser fixes for collapsed sidebar

* Formatted using Prettier

* Added EOS Keyboard Double Arrow Right icon

* Changed position of title tag for Sidebar menu items

* Added three const values for sidebar icon color, size and classname
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working ux
Development

Successfully merging this pull request may close these issues.

None yet

3 participants