Skip to content

Fixes to comment action bar & use bin as delete icon#4057

Closed
Thomas1664 wants to merge 14 commits intomicrosoft:mainfrom
Thomas1664:delete-icon
Closed

Fixes to comment action bar & use bin as delete icon#4057
Thomas1664 wants to merge 14 commits intomicrosoft:mainfrom
Thomas1664:delete-icon

Conversation

@Thomas1664
Copy link
Contributor

@Thomas1664 Thomas1664 commented Oct 14, 2022

The current delete icon is a cross (x) but I think that we associate a cross more with close. Therefore, I think the bin icon expresses 'delete' better than a cross.

For some reason the hygiene script was not happy with my copyright comment. Because I noticed that other PRs didn't add a copyright when editing icons, I chose to do the same.

I also changed the comment action bar to hiding instead of removing itself if the comment is not hovered. Furthermore, the action bar used to not show on focus. I fixed this bug as well.

@Thomas1664 Thomas1664 changed the title Use bin as delete icon Use bin as delete icon & fix comment action bar Oct 14, 2022
@Thomas1664 Thomas1664 changed the title Use bin as delete icon & fix comment action bar Fixes to comment action bar & use bin as delete icon Oct 14, 2022
@Thomas1664 Thomas1664 mentioned this pull request Oct 14, 2022
@Thomas1664
Copy link
Contributor Author

Thomas1664 commented Oct 14, 2022

I want to align the secondary button on comments to the right as well because the user needs less eye movement to see both buttons.

Before:

image

After:

image

@daviddossett daviddossett self-requested a review October 14, 2022 22:53
Copy link
Contributor

@daviddossett daviddossett left a comment

Choose a reason for hiding this comment

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

Thanks for the PR! Couple of issues but should be good to go once resolved.

@Thomas1664
Copy link
Contributor Author

Depends on #4066

Copy link
Member

@alexr00 alexr00 left a comment

Choose a reason for hiding this comment

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

I'm seeing a misalignment of the buttons when editing a comment:

image

Otherwise, it looks good!

@Thomas1664
Copy link
Contributor Author

I'm seeing a misalignment of the buttons when editing a comment:

What do you mean by misalignment?

If you are referring to both buttons now being on the right, this is intentional:

I want to align the secondary button on comments to the right as well because the user needs less eye movement to see both buttons.

@alexr00
Copy link
Member

alexr00 commented Oct 17, 2022

@Thomas1664 I'm referring to the lack of padding around the buttons in the bottom right corner. They are right up against the comment thread border.

@Thomas1664
Copy link
Contributor Author

After:

image

Normal comment:

image

@daviddossett
Copy link
Contributor

Here's what I'm seeing. The text area is crammed up against the edges, as are the buttons:

CleanShot 2022-10-17 at 14 57 23@2x

The case where a comment is being edited inline is special in that the form actions need different padding rules to fit nicely within their container. I suggest we give this form 16px padding to match the normal content rendered in a comment. As a second step, we should remove the padding-bottom: 10px from the form-actions here to avoid double padding below the form.

CleanShot 2022-10-17 at 14 58 32@2x

@Thomas1664 Thomas1664 marked this pull request as draft October 26, 2022 18:46
@alexr00 alexr00 marked this pull request as ready for review October 27, 2022 15:09
@alexr00 alexr00 marked this pull request as draft October 27, 2022 15:09
@Thomas1664 Thomas1664 closed this Dec 3, 2022
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.

3 participants