Skip to content

Instantly share code, notes, and snippets.

@inxomnyaa
Last active January 14, 2022 09:59
Show Gist options
  • Save inxomnyaa/667a5a024be03d4ac788dde9d2cb69d1 to your computer and use it in GitHub Desktop.
Save inxomnyaa/667a5a024be03d4ac788dde9d2cb69d1 to your computer and use it in GitHub Desktop.
GitHub better profile status
/* ==UserStyle==
@name GitHub better profile status
@version 1.0.0
@description Puts the status below the profile picture and makes it always show
@namespace GitHub
@author XenialDan
@homepageURL https://gist.github.com/thebigsmileXD/667a5a024be03d4ac788dde9d2cb69d1
@supportURL https://gist.github.com/thebigsmileXD/667a5a024be03d4ac788dde9d2cb69d1
@updateURL https://gist.githubusercontent.com/thebigsmileXD/667a5a024be03d4ac788dde9d2cb69d1/raw/1a78e232ab96ecde110eea0fca5e566331533a2a/better-github-profile-status.css
==/UserStyle== */
@-moz-document domain("github.com") {
.d-flex.user-status-circle-badge-container.user-status-has-content {
display: block !important;
position: unset;
margin: unset;
width: 100%;
}
.user-status-emoji-container.flex-shrink-0.mr-2.d-flex.flex-items-center.flex-justify-center {
margin: unset !important;
}
.user-status-container.position-relative.hide-sm.hide-md {
margin-top: 10px;
}
.user-status-circle-badge-container .user-status-message-wrapper {
width: 100%;
overflow: initial;
opacity: 1;
}
.user-status-circle-badge-container .user-status-message-wrapper > div {
margin-left: 0px !important;
}
.user-status-circle-badge-container:hover .user-status-message-wrapper > div {
margin-left: 0px !important;
}
.user-status-circle-badge-container .user-status-message-wrapper {
margin-left: 8px;
}
.user-status-message-wrapper div {
word-wrap: normal;
white-space: initial;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment