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

ME: Adapt styling of sidebar #927

Merged
merged 4 commits into from
Jul 23, 2024
Merged

ME: Adapt styling of sidebar #927

merged 4 commits into from
Jul 23, 2024

Conversation

Angi-Kinas
Copy link
Collaborator

@Angi-Kinas Angi-Kinas commented Jul 3, 2024

This PR introduces additional styling according to the given Mockups.

Note:
The log out icon and the user icon are not accessible via keyboard, even though they are wrapped in a <gn-ui-button>. This needs to be fixed.

Screenshots

image

Quality Assurance Checklist

  • Commit history is devoid of any merge commits and readable to facilitate reviews
  • If new logic ⚙️ is introduced: unit tests were added
  • If new user stories 🤏 are introduced: E2E tests were added
  • If new UI components 🕹️ are introduced: corresponding stories in Storybook were created
  • If breaking changes 🪚 are introduced: add the breaking change label
  • If bugs 🐞 are fixed: add the backport <release branch> label
  • The documentation website 📚 has received the love it deserves

Copy link
Contributor

github-actions bot commented Jul 3, 2024

Affected libs: ui-elements, feature-notifications, feature-catalog, feature-record, feature-router, feature-search, feature-map, feature-dataviz, feature-editor, ui-catalog, ui-search,
Affected apps: metadata-editor, demo, datahub, webcomponents, map-viewer, search, datafeeder,

  • 🚀 Build and deploy storybook and demo on GitHub Pages
  • 📦 Build and push affected docker images

Copy link
Contributor

github-actions bot commented Jul 3, 2024

📷 Screenshots are here!

@coveralls
Copy link

Coverage Status

coverage: 83.839% (+0.7%) from 83.112%
when pulling 6fa87e7 on ME-adapt-display-sidebar
into fe59f17 on main.

Copy link
Collaborator

@LHBruneton-C2C LHBruneton-C2C left a comment

Choose a reason for hiding this comment

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

Looking good and working great, but when testing locally, I don't have the logo at the top of the sidebar displayed, is it normal? My network requests don't show any 404.

Comment on lines 16 to 18
<ng-container *ngrxLet="platformService.getMe() as user">
<div
*ngIf="user && user.name"
Copy link
Collaborator

Choose a reason for hiding this comment

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

I don't really get the need for ngrxLet if you're still using ngIf afterwards, but I'm discovering this ngrxLet feature as I do this review, so this is more about cuiosity ^

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I think I copied this over from search-header.component.html. I changed it to use 'ngIf' now, because we know it better.

class="w-10 h-10 flex justify-center items-center hover:cursor-pointer"
>
<gn-ui-user-preview
*ngIf="user && user.name"
Copy link
Collaborator

Choose a reason for hiding this comment

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

This has already been checked 2 levels up.

@Angi-Kinas Angi-Kinas force-pushed the ME-adapt-display-sidebar branch from 0f496e5 to 60f463f Compare July 22, 2024 13:45
@Angi-Kinas
Copy link
Collaborator Author

Angi-Kinas commented Jul 22, 2024

@LHBruneton-C2C thank you for the review! It's strange though that you don't see the logo of the editor even though you don't have a 404 in the network. @rcaplier could you also have a look at this branch and see if the logo on the top left displays or not? Then I could investigate further.

@jahow
Copy link
Collaborator

jahow commented Jul 23, 2024

Just checked quickly and the logo shows up on my side:
image

@Angi-Kinas Angi-Kinas merged commit 00c93be into main Jul 23, 2024
9 checks passed
@Angi-Kinas Angi-Kinas deleted the ME-adapt-display-sidebar branch July 23, 2024 14:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants