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

Enhancement: Add an extra info modal component #1098

Merged
merged 4 commits into from
Feb 1, 2023
Merged

Enhancement: Add an extra info modal component #1098

merged 4 commits into from
Feb 1, 2023

Conversation

zhen0
Copy link
Member

@zhen0 zhen0 commented Feb 1, 2023

Screenshot 2023-02-01 at 12 00 33 PM

Screenshot 2023-02-01 at 12 00 24 PM

Uses the code form the RBAC info modal to create a general extra info modal component. To be used in https://github.com/PrefectHQ/prefect/pull/8295 and https://github.com/PrefectHQ/nebula-ui/pull/2308

@netlify
Copy link

netlify bot commented Feb 1, 2023

Deploy Preview for orion-design ready!

Name Link
🔨 Latest commit 5328d85
🔍 Latest deploy log https://app.netlify.com/sites/orion-design/deploys/63da9c5bcbaa460008bcf8e1
😎 Deploy Preview https://deploy-preview-1098--orion-design.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@netlify
Copy link

netlify bot commented Feb 1, 2023

Deploy Preview for orion-design ready!

Name Link
🔨 Latest commit 344e4ac
🔍 Latest deploy log https://app.netlify.com/sites/orion-design/deploys/63daa0a9d297ac000882a058
😎 Deploy Preview https://deploy-preview-1098--orion-design.netlify.app/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

Copy link
Contributor

@brandonreid brandonreid left a comment

Choose a reason for hiding this comment

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

One design nit.

Would be nice to make a tooltip component for this in the future, so that the information is in close proximity to what it's related to (pretty common pattern too)

@@ -0,0 +1,34 @@
<template>
<button v-bind="attrs" type="button" @click.stop.prevent="show = true">
<p-icon icon="QuestionMarkCircleIcon" solid />
Copy link
Contributor

Choose a reason for hiding this comment

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

A little padding would let the text and ? icon breath, maybe just a pl-1 or pl-2 class

@zhen0 zhen0 merged commit 5854080 into main Feb 1, 2023
@zhen0 zhen0 deleted the extra-info branch February 1, 2023 17:30
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.

2 participants