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

refactor: improve the canary modal layout #1474

Merged
merged 1 commit into from
Nov 14, 2023

Conversation

mainawycliffe
Copy link
Contributor

Closes #1288

Copy link

netlify bot commented Nov 2, 2023

Deploy Preview for flanksource-demo-stable ready!

Name Link
🔨 Latest commit 4837b24
🔍 Latest deploy log https://app.netlify.com/sites/flanksource-demo-stable/deploys/655311da67feb1000874eae1
😎 Deploy Preview https://deploy-preview-1474--flanksource-demo-stable.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 configuration.

Copy link

netlify bot commented Nov 2, 2023

Deploy Preview for clerk-saas-ui ready!

Name Link
🔨 Latest commit 4837b24
🔍 Latest deploy log https://app.netlify.com/sites/clerk-saas-ui/deploys/655311da096f4a0008abe06b
😎 Deploy Preview https://deploy-preview-1474--clerk-saas-ui.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 configuration.

Copy link

netlify bot commented Nov 2, 2023

Deploy Preview for goofy-euclid-75956c ready!

Name Link
🔨 Latest commit 4837b24
🔍 Latest deploy log https://app.netlify.com/sites/goofy-euclid-75956c/deploys/655311daf9bb7c000828db6e
😎 Deploy Preview https://deploy-preview-1474--goofy-euclid-75956c.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 configuration.

@mainawycliffe mainawycliffe marked this pull request as ready for review November 2, 2023 16:19
@moshloop
Copy link
Member

moshloop commented Nov 2, 2023

@mainawycliffe It is only showing 1 label, it show show enough to fill the entire row and they have a button to show more (expanding the row, not in a popover) + use the blue badges - also remove the text "labels"

  • The dialog height is still an issue on smaller screens:
Screenshot 2023-11-02 at 19 29 35

There dialog height should be height - 10-20px

  • The table body background is now gray? only the headers should be gray, the body should be white

@mainawycliffe mainawycliffe force-pushed the 1288-canary-detail-modal-improvements branch 3 times, most recently from 1e3f492 to 9a5c7a2 Compare November 8, 2023 07:03
@moshloop
Copy link
Member

@mainawycliffe I am getting this error: Cannot read properties of undefined (reading 'localeCompare')

@moshloop
Copy link
Member

@mainawycliffe

  • can we use the blue style labels?
  • Remove the text "Labels"
  • Reduce the spacing between labels.

@mainawycliffe mainawycliffe force-pushed the 1288-canary-detail-modal-improvements branch from 9a5c7a2 to dab2d93 Compare November 14, 2023 06:09
Closes #1288

fix: fix height issues

chore: show labels until full width

fix: remove bg issues

fix: fix height issue in the table
@mainawycliffe mainawycliffe force-pushed the 1288-canary-detail-modal-improvements branch from dab2d93 to 4837b24 Compare November 14, 2023 06:21
@moshloop moshloop merged commit fa0d3a1 into main Nov 14, 2023
9 checks passed
@moshloop moshloop deleted the 1288-canary-detail-modal-improvements branch November 14, 2023 21:14
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.

Canary Detail Modal Improvements
2 participants