Skip to content

Github Modifications by juuxstar

Details

Authorjuuxstar

LicenseNo License

Categorygithub

Created

Updated

Size4.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Tweaks for Github PRs

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Github Modifications
@namespace      userstyles.world
@version        1.0.0
==/UserStyle== */
/* tab sizes in files */
.diff-table.tab-size {
    tab-size: 4;
}

body::-webkit-scrollbar {
  width: 5px;
}
body::-webkit-scrollbar-thumb {
    background-color: gray;
}

/* increase the width of the font on high-res displays */
@media screen and (min-width: 2400px) {
    .file-diff-split .blob-code-inner {
        font-weight: bold;
    }
}

/* increase contrast on PR file headers */
.file-header {
    border-style: solid;
    border-color: #BBB;
    border-width: 1px 1px 0 1px;
}

/* pop-over comments in PRs */
.show-inline-notes .inline-comments
{
	display: block;
    position: absolute;
    z-index: 999;
    right: 0;
	box-shadow: 0px 0px 30px 4px rgba(0,0,0,0.41);
	width: calc(50% - 75px);
	background: white;
}

.show-inline-notes .inline-comments > .blob-num {
	display: block;
	position: absolute;
	border-radius : 100%;
	background: rgba(255,0,0,0.5);
	width : 20px;
	height : 20px;
	min-width: 0;
	padding : 0;
	top: -10px;
	left: -10px;
	cursor: pointer;
}

.show-inline-notes .inline-comments > .line-comments {
	padding: 0;
	display: none;
	border: none !important;
    position: absolute;
    background: white;
    right: 100%;
    width: 750px;
}

.show-inline-notes .inline-comments:hover > .line-comments {
	display: block;
}

.show-inline-notes .inline-comments > .line-comments .comment {
	margin: 0;
}

.show-inline-notes .inline-comments > .line-comments,
.show-inline-notes .inline-comments > .line-comments .inline-comment-form-container,
.show-inline-notes .inline-comments > .line-comments .inline-comment-form-container .inline-comment-form
{
	max-width: initial;
}


.show-inline-notes .inline-comments > .line-comments .comment-form-head {
	margin: 0;
	padding :0;
}

.show-inline-notes .inline-comments > .line-comments .inline-comment-form-actions {
	display: flex;
	justify-content: flex-end;
}

.show-inline-notes .inline-comments > .line-comments .js-inline-comment-form .write-content textarea {
    min-height: 300px;
}

/* move action buttons closer to the cursor */
.show-inline-notes .inline-comments > .line-comments .form-actions {
    float: none!important;
    display: flex;
}


/* side-by-side conversation & actions in PR Conversation view */
#js-repo-pjax-container > .container-xl {
    max-width: initial;
    padding-left: 2px!important;
    padding-right: 2px!important;
}
.pull-request-tab-content .pull-discussion-timeline {
    display: flex;
}

/* top-tabs (eg: Conversation, Commits..) */
.repository-content .tabnav-pr .tabnav-tabs {
    text-align: center;
}

/* discussion and actions panes */
.pull-request-tab-content > .gutter-condensed > div:first-child {
    flex-grow: 1;
}

.pull-request-tab-content > .gutter-condensed > div:first-child .pull-discussion-timeline {
    justify-content: center;
}

/* discussion pane */
.pull-request-tab-content > .gutter-condensed > div:first-child .js-discussion {
    min-width: 0;
    flex-grow: 1;
    margin-right: 20px;
    max-width: 1000px;
    display: flex;
    flex-direction: column-reverse;
}
/* put the first comment at the end but with reverse-order appears back at the top */
.pull-request-tab-content > .gutter-condensed > div:first-child .js-discussion > *:first-child {
    order: 99999;
    flex-grow: 1;
}

/* actions pane */
.pull-request-tab-content > .gutter-condensed > div:first-child .discussion-timeline-actions {
    min-width: 500px;
    border-top: none;
}

/* the side-bar with Reviewers... */
.pull-request-tab-content > .gutter-condensed > div:last-child {
    max-width: 300px;
}

/* centered PR header title */
#partial-discussion-header {
    text-align: center;
}

/* PR checks: get rid of the scrollbar */
#partial-pull-merging .merge-pr .branch-action-item  .merge-status-list {
    max-height: initial;
}

Reviews

No reviews yet.