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

Pro 6822 color picker broken #4809

Merged
merged 3 commits into from
Nov 20, 2024
Merged

Pro 6822 color picker broken #4809

merged 3 commits into from
Nov 20, 2024

Conversation

ValJed
Copy link
Contributor

@ValJed ValJed commented Nov 20, 2024

PRO-6822

Summary

  • Fixes color picket hidden in inline array (above ticket)
  • Fixes color pickets inputs going off the context menu.

What are the specific steps to test this change?

Color picker is not hidden by a overflow hidden in inline array
Color picker doesn't have input going off the modal

What kind of change does this PR introduce?

  • Bug fix
  • New feature
  • Refactor
  • Documentation
  • Build-related changes
  • Other

Make sure the PR fulfills these requirements:

  • It includes a) the existing issue ID being resolved, b) a convincing reason for adding this feature, or c) a clear description of the bug it resolves
  • The changelog is updated
  • Related documentation has been updated
  • Related tests have been updated

Copy link

linear bot commented Nov 20, 2024

max-height: 999px;
padding: $spacing-base 0;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Remove the padding here to add it above to .apos-schema it allows the animation of the dropdown to not jump (padding still being here when finishing to close the dropdown).
It's more pleasing to the eye.

@@ -265,6 +263,7 @@

&.collapse-enter-active,
&.collapse-leave-active {
overflow: hidden;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

We only need the overflow hidden during the animation. This way it's not the case when opened and the color picker can overflow.

@@ -115,7 +115,7 @@ export default {
Saturation: saturation,
Hue: hue,
Alpha: alpha,
EdIn: editableInput,
EditableContent: editableInput,
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Just making in more readable

@@ -124,6 +124,7 @@ export default {
}

.apos-color__input {
width: 100%;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Fixes the rgba inputs not wanting to respect the flexed parent size

Copy link
Member

@stuartromanek stuartromanek left a comment

Choose a reason for hiding this comment

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

eek, sorry about this. improvements look good as well!

@ValJed ValJed merged commit b1f1ef4 into main Nov 20, 2024
9 checks passed
@ValJed ValJed deleted the pro-6822-color-picker-broken branch November 20, 2024 14:49
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