Refined-github: `more-dropdown` will overlap the tabs on non-responsive pages

Created on 13 Sep 2020  路  4Comments  路  Source: sindresorhus/refined-github

This might or might not be an easy bug. Not to be confused with: https://github.com/sindresorhus/refined-github/issues/3347

On responsive pages, like this issue, tabs will disappear into the dropdown menu:

12

On non-responsive pages, where shouldn't be a dropdown menu, but more-dropdown forces it to become visible and sticky to the right side of the window.

1

The solution should be to ensure that its container has the correct minimum width and does not "fit the window" on non-responsive pages.

Example URL: https://github.com/sindresorhus/refined-github/pull/3547

bug good first issue help wanted

Most helpful comment

I found the solution: testing needed. Stick this CSS in the CSS field and let me know if you have any issues in the following days:

main > :first-child {
  position: relative;
}

Tested the past day with no issues and issue fixed

All 4 comments

I found the solution: testing needed. Stick this CSS in the CSS field and let me know if you have any issues in the following days:

main > :first-child {
    position: relative;
}

I found the solution: testing needed. Stick this CSS in the CSS field and let me know if you have any issues in the following days:

main > :first-child {
  position: relative;
}

Tested the past day with no issues and issue fixed

3 days with no issues. @fregante you want to push to master or I should open a pr?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

MilesBHuff picture MilesBHuff  路  3Comments

vanniktech picture vanniktech  路  3Comments

juliocanares picture juliocanares  路  3Comments

alexanderadam picture alexanderadam  路  3Comments

supremebeing7 picture supremebeing7  路  3Comments