-
-
Save Jackenmen/a099527205dc5c2216566f32d7fca17d to your computer and use it in GitHub Desktop.
/* ==UserStyle== | |
@name Stop GitHub from rounding every single thing in their interface | |
@namespace jack1142 | |
@version 1.0.11 | |
@homepageURL https://gist.github.com/jack1142/a099527205dc5c2216566f32d7fca17d | |
@updateURL https://gist.github.com/jack1142/a099527205dc5c2216566f32d7fca17d/raw/github-stop-rounding.user.css | |
@license MIT License | |
@author jack1142 | |
==/UserStyle== */ | |
@-moz-document domain("github.com") { | |
.IssueLabel { | |
border-radius: 2px; | |
font-size: 12px; | |
font-weight: 600; | |
line-height: 15px; | |
padding: .13em 4px; | |
} | |
.sidebar-labels .IssueLabel { | |
line-height: 16px; | |
padding-top: .06em; | |
padding-bottom: .06em; | |
} | |
.state, .State { | |
border-radius: 3px; | |
color: #fff; | |
display: inline-block; | |
font-weight: 600; | |
line-height: 20px; | |
padding: 4px 8px; | |
text-align: center; | |
} | |
.State--small { | |
font-size: 12px; | |
padding: .125em 4px; | |
} | |
.btn { | |
background-position: -1px -1px; | |
background-repeat: repeat-x; | |
background-size: 110% 110%; | |
border-width: 1px; | |
border-radius: .25em; | |
border-top-left-radius: 0.25em; | |
border-top-right-radius: 0.25em; | |
border-bottom-right-radius: 0.25em; | |
border-bottom-left-radius: 0.25em; | |
cursor: pointer; | |
display: inline-block; | |
font-weight: 600; | |
user-select: none; | |
vertical-align: middle; | |
white-space: nowrap; | |
} | |
.btn-sm { | |
padding: 3px 10px; | |
} | |
.btn-with-count { | |
border-top-right-radius: 0; | |
border-bottom-right-radius: 0; | |
} | |
.timeline-comment-label { | |
border-width: 1px; | |
border-radius: 3px; | |
cursor: default; | |
float: right; | |
font-size: 12px; | |
padding: 2px 5px; | |
} | |
.markdown-body code, .markdown-body tt { | |
border-radius: 3px; | |
} | |
.sidebar-progress-bar .progress-bar { | |
border-radius: 2px; | |
} | |
.Counter { | |
border-radius: 20px; | |
display: inline-block; | |
font-size: 12px; | |
font-weight: 600; | |
line-height: 1; | |
padding: 2px 5px; | |
} | |
.IssueLabel--big.lh-condensed { | |
padding: 4px 8px; | |
font-size: 14px; | |
font-weight: 600; | |
border-radius: 3px; | |
transition: opacity .2s linear; | |
line-height: 1.25!important; | |
} | |
.subnav-item { | |
padding: 6px 16px; | |
} | |
.subnav-item:first-child { | |
border-top-left-radius: 3px; | |
border-bottom-left-radius: 3px; | |
} | |
.subnav-item:last-child { | |
border-top-right-radius: 3px; | |
border-bottom-right-radius: 3px; | |
} | |
.Box-header > .mr-3 { | |
top: 2px; | |
position: relative; | |
} | |
.js-issue-row input[type="checkbox"] { | |
position: relative; | |
top: 2px; | |
} | |
.progress-bar { | |
border-radius: 3px; | |
} | |
.signed-commit-badge { | |
border-radius: 2px; | |
font-size: 10px; | |
} | |
.branch-name { | |
border-radius: 3px; | |
} | |
.filter-item { | |
border-radius: 3px; | |
} | |
.commit-ref { | |
border-radius: 3px; | |
} | |
.rounded-1 { | |
border-radius: 4px!important; | |
} | |
.label, .Label { | |
border-radius: 3px; | |
} | |
.BtnGroup-item { | |
position: relative; | |
float: left; | |
border-right-width: 0; | |
border-radius: 0; | |
} | |
.avatar-user { | |
border-radius: 6px!important; | |
} | |
.delete-topic-button, .topic-tag, .topic-tag-action { | |
border-radius: 3px; | |
} | |
.Progress { | |
border-radius: 2px; | |
} | |
.form-control, .form-select { | |
border-radius: 2px; | |
} | |
.mt-auto.flex-sm-self-end { | |
align-self: auto !important; | |
margin-top: initial !important; | |
} | |
.user-status-circle-badge-container { | |
bottom: 5px; | |
margin-bottom: 5px; | |
margin-left: -45px; | |
} | |
} |
Would it be possible to fix the
repo_url/labels
page, so that the label's text would be more centered here?: i.imgur.com/HFhcK6N.png
@DevilXD Should be fixed now, although the label rectangles are a bit bigger than they used to bed due to that change.
I'll consider doing more changes to the styles of the labels on the sidebar to make this look better.
I've done these changes as well and I think it should look better now.
Looks great! Thank you =)
I've noticed these today: https://i.imgur.com/lIWI8AE.png
Temporarily disabling the script fixes them: https://i.imgur.com/69FILOo.png
Could this be fixed as well by chance? Pics taken here: Cog-Creators/Red-DiscordBot#5419
I fixed this, along with one other issue I noticed.
FYI, I no longer use this script and as such, I have no personal reason to maintain this anymore and I might one day decide it's too much effort. It isn't so far but I figured I should let you know :)
Yeah, I understand. It's fine, I mean, I really like it, I use it every day, and I should probably try and learn some CSS myself so I could maintain it afterwards. Right now, it's still kinda a black box to me, even looking at the things you've changed sparks more questions than it gives me answers, so... When that would happen, please just let me know.
Would it be possible to fix the
repo_url/labels
page, so that the label's text would be more centered here?: https://i.imgur.com/HFhcK6N.png