-
-
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; | |
} | |
} |
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.
@DevilXD Should be fixed now, although the label rectangles are a bit bigger than they used to bed due to that change.