Git Product home page Git Product logo

github-fixedheader's Introduction

Github Fixed Header tag

A simple userstyle to make the main header (or menu) of Github remain fixed at the top of the screen.

  • Fixes main header.
  • Fixes Pull request diff bar.
  • Fixes Pull request and commit file headers.
  • Adjusts the subheader position on various pages.

Install

A userstyle extension is required, common ones include:

๐ŸŽจ Stylus for Firefox, Chrome or Opera.
๐ŸŽจ xStyle for Firefox or Chrome.

Then:

๐Ÿ“ฆ Install the usercss. Supports automatic updates.
๐Ÿ“ฆ Install from OpenUserCSS.

Contributions

If you would like to contribute to this repository, please...

  1. ๐Ÿ‘“ Read the contribution guidelines.
  2. repo-forked fork or cloud-download Download,
  3. ๐Ÿ‘Œ Create a pull request!

Thanks to all that have contributed so far!

github-fixedheader's People

Contributors

euxx avatar joelworsham avatar mottie avatar pradyunsg avatar silverwind avatar stonecrusher avatar the-j0k3r avatar xt0rted avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

github-fixedheader's Issues

Broken dropdown list UI

screen shot 2016-09-16 at 2 50 32 pm

As seen above, the z-index needs changing, and less obvious but more crucial, is that the items in the dropdown list become unclickable.

Overlapping commit details file popup menu

  • Browser: FF 72.0.2
  • Operating System: Win10-1909
  • Link to page with the issue: 9d6a63d
  • Screenshot:
    Screenshot_2020-02-11
  1. Minimize the code display by clicking the dropdown arrows on the left
  2. Click the three dots on the right

#files .file-header { position: sticky !important; } seems to be the culprit.

I used dark style to show it better (unrelated to the problem).

Header cover hover Popovers

  • Browser:Chrome
  • Operating System:MacOS
  • Link to page with the issue:none
  • Screenshot:

image

add higher z-indexmay work to this

.Popover {
  z-index: 1001!important;
}

[feature request] fold away header

When the mouse isn't pointing at header area, fold the header up but display it again with mouse hover.
You may add an option to define the delay (I suggest 150ms~250ms) to display the header as mouse hover before someone installs this style from USO.

Overlapping sticky sidebar

The header overlaps the sticky sidebar.

I can't think of an optimal solution... if you add the following css, it doesn't overlap but it jumps down and end up overlapping the page footer in some cases (when using ZenHub which adds extra sections to the sidebar).

.discussion-sidebar.is-stuck {
  margin-top: 50px !important;
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.