-
Notifications
You must be signed in to change notification settings - Fork 133
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
Navigation and avatar changes #942
Conversation
src/js/App/Sidenav/Navigation.js
Outdated
@@ -18,14 +18,14 @@ const openshiftLinks = { | |||
link: 'https://access.redhat.com/support/cases' | |||
}, | |||
feedback: { | |||
title: 'Cluster Manager Feedback', | |||
title: 'Cluster Manager Feedback', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Extra space
src/js/App/Sidenav/Navigation.js
Outdated
link: 'mailto:ocm-feedback@redhat.com' | ||
}, | ||
marketplace: { | ||
title: 'Red Hat Marketplace', | ||
link: 'https://marketplace.redhat.com' | ||
} | ||
}; | ||
}; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Extra space
src/js/App/Header/UserToggle.js
Outdated
@@ -79,10 +81,12 @@ export class UserToggle extends Component { | |||
render() { | |||
const { isOpen } = this.state; | |||
const { account, isSmall, extraItems } = this.props; | |||
const toggle = isSmall ? | |||
const toggle = isSmall | |||
? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Move this back up to line 84
src/sass/chrome.scss
Outdated
.ins-c-dropdown-icon { | ||
height: 36px; | ||
width: 36px; | ||
} | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can you move this to a new file UserIcon.scss
and import it in UserIcon.js
?
src/sass/chrome.scss
Outdated
@@ -106,6 +111,7 @@ aside { | |||
.pf-c-page__header-tools .pf-c-avatar { | |||
height: var(--pf-global--FontSize--4xl); | |||
} | |||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
extra space
src/js/App/Header/UserIcon.js
Outdated
@@ -26,7 +26,7 @@ export class UserIcon extends Component { | |||
} | |||
|
|||
render() { | |||
const { avatar } = this.state; | |||
const { avatar } = this.state; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Extra space
@arivepr You can run
LGTM after these are fixed 😄 |
src/js/App/Header/Tools.js
Outdated
@@ -1,17 +1,13 @@ | |||
import React, { useState, useEffect } from 'react'; | |||
|
|||
import { Button } from '@patternfly/react-core/dist/js/components/Button/Button'; | |||
import { Button } from '@patternfly/react-core/dist`/js/components/Button/Button'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Extra character
import { Button } from '@patternfly/react-core/dist`/js/components/Button/Button'; | |
import { Button } from '@patternfly/react-core/dist/js/components/Button/Button'; |
Remove the extra ` and update snapshots and we are golden! |
Codecov Report
@@ Coverage Diff @@
## master #942 +/- ##
=======================================
Coverage 52.58% 52.58%
=======================================
Files 53 53
Lines 1046 1046
Branches 212 212
=======================================
Hits 550 550
Misses 395 395
Partials 101 101
|
@karelhala sorry I added the |
@ryelo too fast on the merge button 😁 |
This PR is to move in the changes made for cards 3085 and 8493.
The PF Avatar is now all integrated with the dropdown menu and "Documentation" link has been moved to the bottom of the nav.