Skip to content

Instantly share code, notes, and snippets.

@j-f1
Last active February 23, 2017 13:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save j-f1/da787902ce3d6eafc17ab851f95b2eea to your computer and use it in GitHub Desktop.
Save j-f1/da787902ce3d6eafc17ab851f95b2eea to your computer and use it in GitHub Desktop.
Make all kinds of things stick to the edges of the screen on GitHub
.file-header,
.discussion-sidebar,
.dashboard-sidebar,
.comment-reactions,
/* .commit-tease, */
.review-thread-reply,
.user-profile-repo-filter,
.timeline-comment-header,
#wiki-rightbar,
.table-list-header,
/* #readme > h3, */
.release-meta,
.release-header,
.codesearch-aside,
.issues-listing.container .subnav,
#org-repositories>:last-child {
position: -webkit-sticky;
position: sticky;
}
.release-header,
.discussion-sidebar,
.org-profile .user-profile-repo-filter,
.timeline-comment-header {
top: 0;
}
.comment-reactions,
.review-thread-reply {
bottom: 0
}
.user-profile-repo-filter,
.comment-reactions,
.release-header {
background: white;
}
.comment-reactions,
.user-profile-repo-filter {
z-index: 1;
}
.dashboard-sidebar,
.codesearch-aside,
#wiki-rightbar {
top: 16px;
}
/* .commit-tease, */
/* #readme > h3, */
.file-header,
.table-list-header {
top: -3px;
z-index: 50;
}
/*
.user-profile-repo-filter {
background: rgba(255, 255, 255, 0.5);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}*/
#org-repositories>:last-child {
top: 83px;
}
.user-profile-repo-filter {
top: 62px;
}
.org-profile .user-profile-repo-filter {
padding-top: 16px;
margin-top: -16px;
}
.release-meta {
top: -40px;
padding-top: 50px;
}
@supports (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) {
.pagehead,
.orghead {
padding-top: 74px;
}
#notification-center,
.issues-listing.container .subnav,
#dashboard {
padding-top: 54px;
}
.header {
background: hsla(0, 0%, 94%, 0.5);
position: fixed;
top: 0;
z-index: 10000;
width: 100%;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-bottom: 1px solid #e5e5e5;
}
.release-header,
.discussion-sidebar,
.org-profile .user-profile-repo-filter,
.timeline-comment-header {
top: 54px;
}
.dashboard-sidebar,
.codesearch-aside,
#wiki-rightbar {
top: calc(16px + 54px);
}
.file-header,
.table-list-header {
top: calc(54px - 3px);
}
#org-repositories>:last-child {
top: calc(54px + 83px);
}
.user-profile-repo-filter {
top: calc(54px + 62px);
}
.release-meta {
top: calc(54px - 40px);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment