-
Notifications
You must be signed in to change notification settings - Fork 8.2k
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
[App Search] Misc credentials key UI enhancements #81817
[App Search] Misc credentials key UI enhancements #81817
Conversation
@@ -40,6 +40,7 @@ export const CredentialsList: React.FC = () => { | |||
{ | |||
name: 'Key', | |||
width: '36%', | |||
className: 'eui-textBreakAll', |
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.
mobileOptions: { | ||
width: '100%', | ||
}, |
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.
Ideally this produces this (much nicer) mobile UI layout:
However - this API isn't in yet. See elastic/eui#4168 as to why the fullWidth: true
prop doesn't work.
I'll undraft this PR once elastic/eui#4169 is in Kibana.
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.
Awesome!
@@ -25,7 +25,9 @@ export const HiddenText: React.FC<IProps> = ({ text, children }) => { | |||
defaultMessage: 'Hidden text', | |||
}); | |||
const hiddenText = isHidden ? ( | |||
<span aria-label={hiddenLabel}>{text.replace(/./g, '•')}</span> | |||
<span aria-label={hiddenLabel}> |
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.
🤦
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.
This looks great. Thank you for your attention to detail.
5d17432
to
e892487
Compare
e892487
to
b8a97e3
Compare
💚 Build SucceededMetrics [docs]Async chunks
Distributable file count
History
To update your PR or re-run it, just comment with: |
Summary
When I was doing a final QA pass of the credentials view, I noticed some minor UI/UX things that were bugging me a little, so I tackled them in a separate commit 😅 Screencaps will be listed below on individual commits.
This is a Draft PR because the last commit is still waiting to use a recent EUI change. I'll un-draft the PR once Kibana updates to it. @JasonStoltz I'm assigning to you mostly as an FYI and to get your early eyes on it in case you have any thoughts!
Checklist