Skip to content

Conversation

@kidonng
Copy link
Member

@kidonng kidonng commented Oct 16, 2020

Test Before After
This PR
Link
Link


/* Align dropdown button on file page */
#blob-more-options-details {
margin-top: 5.6px;
Copy link
Member Author

Choose a reason for hiding this comment

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

This is to align the dropdown button (whose height is 20.8px) with the find file button (whose height is 32px)

(32 - 20.8) / 2 = 5.6

Copy link
Member

Choose a reason for hiding this comment

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

There's display: flex on that line, just add align-items: center !important; on .d-flex to align the whole line since it's not aligned:

Copy link
Member

Choose a reason for hiding this comment

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

I hope this is fixed across the board, the whole bar is probably the most broken-looking part of GitHub/Refined GitHub. Example: #3671 (not totally RG’s fault, but every element has its own alignment)

@kidonng kidonng marked this pull request as ready for review October 16, 2020 13:22
border-bottom-right-radius: 5px;
}

/* Align author name on PR sticky header */
Copy link
Member Author

@kidonng kidonng Oct 16, 2020

Choose a reason for hiding this comment

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

This issue has been confirmed on the latest Chrome 86 (stable build)

Copy link
Member

Choose a reason for hiding this comment

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

Give it time. I don’t want more CSS code to fix something they probably will fix soon

Copy link
Member Author

@kidonng kidonng Oct 16, 2020

Choose a reason for hiding this comment

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

This issue has been there for a while, so does the misaligned dropdown (though the former one used to be only noticeable in newer versions of Chrome).
But I agree these fixes should not be hurried. Do we have some kind of staging area/tracker for this kind of GitHub bugs (like an issue)?

Copy link
Member

@fregante fregante Oct 16, 2020

Choose a reason for hiding this comment

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

  1. It's just on your computer

  1. This CSS affects everyone, not just Chrome users, so if this fixes it for you, it breaks everyone else’s

Copy link
Member

Choose a reason for hiding this comment

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

Is it possible that you have corrupted font files?

Copy link
Member Author

Choose a reason for hiding this comment

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

  1. It's just on your computer

I just asked a fellow and he can also reproduce it. We are both on Windows, is that the problem?

I will test it on Linux later

Copy link
Member

Choose a reason for hiding this comment

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

On Chrome 86 on Windows as well and it looks fine.

Copy link
Member

@fregante fregante Oct 17, 2020

Choose a reason for hiding this comment

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

Are you and your fellow on zh-CN locales? I don’t have experience with that, but I guess it could affect alignment.

Either way it sounds like a Chrome bug on those 2 computers since every other browser displays it correctly, on macOS too.

Copy link
Member Author

Choose a reason for hiding this comment

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

Are you and your fellow on zh-CN locales?

You are right! The issue disappeared right after I changed my locale.

Then I have no problem with removing the fix. 👍 I will keep it in my custom style.

@notlmn
Copy link
Contributor

notlmn commented Oct 16, 2020

Hey @kidonng from the first set to screenshots you shared, looks like you have some RGH feature disabled.
This is how it looks like for PRs from external source branches:

image

and this for internal source branches:

image

I don't see the entire "fregante wants to merge 3 commits into master from remove-repeat-on-ajax", I remember this being a feature, don't quite remember which one.

@yakov116
Copy link
Member

It's from the sticky bar.

@fregante
Copy link
Member

It's from the sticky bar.

It confused me too at first, that's why screenshots should include a little more context sometimes.

@fregante fregante marked this pull request as draft October 17, 2020 02:22
@fregante fregante changed the title Minor style fixes for GitHub bugs Meta: remove no-longer-necessary alignment CSS Nov 1, 2020
@fregante fregante marked this pull request as ready for review November 1, 2020 16:14
@fregante
Copy link
Member

fregante commented Nov 1, 2020

I’ll merge the part of this PR that is ready since the rest needs more work.

@fregante fregante merged commit bef38ac into refined-github:master Nov 1, 2020
@kidonng kidonng deleted the github-bugs branch March 7, 2021 12:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

6 participants