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 hover style for char count field #7620

Conversation

ByronEricPerez
Copy link
Contributor

@ByronEricPerez ByronEricPerez commented Jun 20, 2022

Fixes

Issue Number: #7564

What is the current behavior?

image

What is the new behavior?

image

Other information

PR Checklist

Toggle...

What kind of change does this PR introduce?

  • Bugfix
  • Feature
  • Code style update (formatting)
  • Refactoring (no functional changes)
  • Documentation changes
  • Other - Please describe:

Please check all that apply to this PR using "x":

  • I have checked that this PR is not a duplicate of an existing PR (open, closed or merged)
  • I added a line describing my change to CHANGELOG.md
  • I have checked that this PR does not introduce a breaking change
  • This PR introduces breaking changes and I have provided a detailed explanation below

@ByronEricPerez ByronEricPerez marked this pull request as ready for review June 22, 2022 18:47
@jessopb
Copy link
Member

jessopb commented Jun 22, 2022

thanks! I'll take a look.

@ByronEricPerez
Copy link
Contributor Author

Hi @jessopb all good with this, do you need me to change something?

@jessopb
Copy link
Member

jessopb commented Jun 28, 2022

I think this would be cleaner if it weren't class "button--file-action". It's not completely clear what file-action is, but this is a comment action or something. I think it deserves its own class. button--comment-icons, perhaps.

@ByronEricPerez
Copy link
Contributor Author

Hello, @jessopb I have already sent the changes, is this ok?

@jessopb
Copy link
Member

jessopb commented Jul 1, 2022

@ByronEricPerez I think it just needs a clean class that takes the place of button--file-actions because it's not a "file-action".

@ByronEricPerez
Copy link
Contributor Author

Hello @jessopb , it is not entirely clear to me, would it be to rename the class?

@@ -261,7 +261,7 @@ export class FormField extends React.PureComponent<Props> {
{!noEmojis && openEmoteMenu && (
<Button
type="alt"
className="button--file-action"
className="button--file-action button--comment-icons"
Copy link
Member

Choose a reason for hiding this comment

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

this should not need button--file-action
One class should be sufficient to specify what this should look like.
button--comment-icons should contain all that it needs.

ui/scss/component/_button.scss Show resolved Hide resolved
@ByronEricPerez
Copy link
Contributor Author

Hi @jessopb , would that be ok?

Copy link
Member

@jessopb jessopb left a comment

Choose a reason for hiding this comment

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

Yeah, this is better. Just a couple more comments.

height: initial;
padding: 5px;

&.button--comment-icons-active {
Copy link
Member

Choose a reason for hiding this comment

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

If you look in the code for button--file-action-active, you'll see that it's used like this:

<Button
        title={__('I like this')}
        authSrc="filereaction_like"
        className={classnames('button--file-action button-like', {
          'button--file-action-active': myReaction === REACTION_TYPES.LIKE,
        })}

It does not seem that button--comment-icons-active is used anywhere - I'm not sure it's necessary.

ui/scss/component/_button.scss Show resolved Hide resolved
Copy link
Member

@jessopb jessopb left a comment

Choose a reason for hiding this comment

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

This looks good!

@ByronEricPerez ByronEricPerez force-pushed the 7564-comment-box-hides-icon-when-hovering-over-button branch from a1fdbd4 to d7fecaf Compare July 7, 2022 17:52
@jessopb jessopb merged commit 9825bcc into lbryio:master Jul 7, 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.

2 participants