Refined-github: CI Job Status hidden behind commits

[staabm]

open a commit stream which contains greyed-out commits, like

hover the first commit to get it into the foreground and click the "X" for the CI status:

the checks panel is hidden behind the greyed-out commits

occured on google chrome canary 85.0.4150.0 with refined github 20.5.21

[notlmn]

Why are the greyed-out merge commits in your case collapsed. We don't collapse them, we only change their opacity (source).

Disable other extensions to see if they might be interfering with commits listing.

(Example URL to test: https://github.com/substack/tape/commits/master)

[staabm]

Why are the greyed-out merge commits in your case collapsed. We don't collapse them, we only change their opacity (source).

tried disabling other extensions, but it seems only refined github is the cause.

[staabm]

collapsing might be a github native feature, when commit messages are "long enough"

[fregante]

We do collapse them in the “dim bots” feature. Disable it if you use bots

[fregante]

But yeah we need to drop overflow:hidden once it uncollapses to avoid the CI panel being clipped

[yakov116]

https://github.com/sindresorhus/refined-github/blob/38b48a560b339610461b4acdcf8192ca3cd349e9/source/features/dim-bots.css#L33-L38

/* Dont hide the CI Job Status on focus*/
.rgh-dim-bot.Box-row.navigation-focus {
    overflow: inherit;
}

Adding this after that seems to work

[fregante]

The overflow is required during the animation or else the content will be outside the box. That code simply drops the overflow: hidden

[tanettrimas]

@fregante Would a possible solution to this issue be to listen for the end of the transition, catch that event and just remove the overflow attribute with JavaScript?

If so, I would like to try to implement that in this case :)

[fregante]

I think this can be done with transition delays, no js needed

[tanettrimas]

I can try to fix that if no one else suddenly volunteers :)