sindresorhus/refined-github

FIXED: Repo headers compressed to right side on Github Enterprise #3330

jeff-minard-ck posted onGitHub

Looks like there's some kind of injected CSS malarky going on here:

When the window is narrow:

<img width="1214" alt="Screen Shot 2020-07-09 at 11 28 03 AM" src="https://user-images.githubusercontent.com/1210963/87077097-77c8d000-c1d7-11ea-93b2-6f5ed95b3232.png">

When you get wider, the info starts running off to the right:

<img width="2293" alt="Screen Shot 2020-07-09 at 11 28 15 AM" src="https://user-images.githubusercontent.com/1210963/87077131-831bfb80-c1d7-11ea-8208-742c727de4ee.png">

I would suspect that this is a "Github Enterprise is older with different CSS" issue?

Turning off RefinedGithub for the domain and the issue goes away. Turn it back on, and issue returns.


Adding:

body:not(.full-width) .repohead > * {
    padding-left: 0 !important;
}

to the custom CSS for our enterprise domain fixes the issue.

posted by epmatsw over 4 years ago

We can push a hotfix for this. Does enterprise have any classes on body or html?

posted by fregante over 4 years ago

Adding:

...

to the custom CSS for our enterprise domain fixes the issue.

Confirmed to fix it for my case.

posted by jeff-minard-ck over 4 years ago

My enterprise page


<!DOCTYPE html>
<html lang="en">
...
<body class="logged-in enterprise env-production emoji-size-boost min-width-lg">
posted by jeff-minard-ck over 4 years ago

Removed my override, updated, problem gone. Thanks!

posted by jeff-minard-ck over 4 years ago

Can confirm that 20.7.10 fixed it for me! Thanks for the quick turnaround 👍

posted by rastersize over 4 years ago

Fund this Issue

$0.00
Funded

Pull requests