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

Fix and use the description on fields #4189

Conversation

ivarnakken
Copy link
Member

Description

Fix the description styling on fields

Refactor fields to use description prop

Result

The icons makes the page more "cluttered", but easier/better to use. It's a trade-off. Note that the event editor is the only page with a ton of field descriptions, so given that it's an anomaly I wouldn't say it's a big deal.

image

Testing

  • I have thoroughly tested my changes.

All fields still look as expected.

@ivarnakken ivarnakken added review-needed Pull requests that need review technical-debt Pull requests that reduces technical debt chore Pull requests that does something "boring", yet important, e.g. cleaning up code labels Oct 13, 2023
@ivarnakken ivarnakken requested a review from a team October 13, 2023 21:43
@ivarnakken ivarnakken self-assigned this Oct 13, 2023
@linear
Copy link

linear bot commented Oct 13, 2023

ABA-494 Move tooltips on event editor to the side of the input field

Kind of annoying that all the fields here have a tooltip. A lot of the time it is not interesting since it has already been read. Instead, there should be an info icon or something (kind of like on the poll overview component) at the side.

image.png

image.png

image.png

Copy link
Member

@norbye norbye left a comment

Choose a reason for hiding this comment

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

Nice stuff! Some small knitpick then we good (basically only the comment about the deleted css selector - the others aren't necessarily deal breakers)

app/components/Form/Field.css Outdated Show resolved Hide resolved
app/routes/photos/components/GalleryPictureEditModal.tsx Outdated Show resolved Hide resolved
app/routes/events/components/EventEditor/EventEditor.css Outdated Show resolved Hide resolved
@ivarnakken ivarnakken added the changes-requested Pull requests with requested changes label Oct 14, 2023
@ivarnakken ivarnakken force-pushed the ivarnakken/aba-494-move-tooltips-on-event-editor-to-the-side-of-the-input-field branch from a2abc2a to f7946f4 Compare October 14, 2023 09:17
@ivarnakken ivarnakken force-pushed the ivarnakken/aba-494-move-tooltips-on-event-editor-to-the-side-of-the-input-field branch from f7946f4 to 591b559 Compare October 14, 2023 09:18
Copy link
Member

@norbye norbye left a comment

Choose a reason for hiding this comment

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

Lgtm

@ivarnakken ivarnakken added approved Pull requests that have been approved and removed changes-requested Pull requests with requested changes labels Oct 14, 2023
@ivarnakken ivarnakken changed the title Fix the description styling on fields Fix and use the description on fields Oct 14, 2023
Copy link
Contributor

@falbru falbru left a comment

Choose a reason for hiding this comment

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

LGTM

@ivarnakken ivarnakken merged commit 11da240 into master Oct 14, 2023
4 checks passed
@ivarnakken ivarnakken deleted the ivarnakken/aba-494-move-tooltips-on-event-editor-to-the-side-of-the-input-field branch October 14, 2023 10:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
approved Pull requests that have been approved chore Pull requests that does something "boring", yet important, e.g. cleaning up code review-needed Pull requests that need review technical-debt Pull requests that reduces technical debt
Projects
None yet
3 participants