A collection of css tweaks to be used with the "GitHub Custom Global Navigation" UserScript: https://greasyfork.org/en/scripts/478687-github-custom-global-navigation
目前為
/* ==UserStyle==
@name Custom Global Nav Tweaks
@namespace github.com/JunkiEDM
@version 1.0.0
@description A collection of css tweaks to be used with the "GitHub Custom Global Navigation" UserScript: https://greasyfork.org/en/scripts/478687-github-custom-global-navigation
@author JunkiEDM
@preprocessor less
@var checkbox full-buttons "Full mobile action buttons" 1
==/UserStyle== */
@-moz-document domain("github.com") {
.AppHeader-context-compact {
display: none;
}
.AppHeader-context-full:not(.f3 *, .AppHeader-globalBar *) {
font-size: 20px;
}
.AppHeader img.avatar.d-none {
display: inline-block!important;
}
.customizedRepositoryHeader {
padding-top: 0!important;
&.mb-2, > div.mb-3 {
margin-bottom: 0!important;
}
}
@media (max-width: 768px) and (min-width: 460px) {
.AppHeader-context-full:not(.f3 *, .AppHeader-globalBar *) {
font-size: 18px;
}
.customizedRepositoryHeader.px-md-4 {
padding-right: var(--base-size-24, 24px);
padding-left: var(--base-size-24, 24px);
}
& when (@full-buttons = 1) {
#responsive-meta-container {
& > .d-block.d-md-none.mb-2.px-3.px-md-4.px-lg-5 {
padding-top: var(--base-size-16, 16px) !important;
}
& .d-flex.gap-2.mt-n3.mb-3.flex-wrap {
display: none !important;
}
}
#repository-details-container {
justify-content: center;
align-items: center;
width: 100%;
& > .pagehead-actions {
width: 100%;
display: flex !important;
justify-content: space-evenly;
& > li {
display: flex;
flex-grow: 1;
& > *:not(template) {
width: 100%;
flex-grow: 1;
&.starring-container {
& .BtnGroup-parent:first-child .BtnGroup-item {
width: 100%;
}
}
&.d-flex > div.position-relative.d-inline-block {
display: flex!important;
flex-grow: 1;
& #fork-button {
width: 100%;
text-align: center;
}
}
&:is(notifications-list-subscription-form) details {
width: 100%;
& > summary {
text-align: center;
width: 100%;
}
}
&:is(include-fragment) > div > button {
width: 100%;
text-align: center;
padding: 3px 32px;
}
}
}
}
}
}
}
}