User:Aaron Liu/v22.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/*&* Ahoy, editors! Here are some considerable enhancement to your Vector 2022 experience.
Everything except link colors (which are at [[User:Aaron Liu/oldLinkColors.css]]) has its roots in the far shores of [[w:User:Jonesey95/common.css]]! 🙀 (wait why does he put all of his v22 rules in common and normal rules in v22?)
You are very much free to use these by including @import url(//meta.wikimedia.org/w/index.php?title=User:Aaron_Liu/global.css&action=raw&ctype=text/css); in your global.css file.
enjoy!>:) *&*/
/* Vector 2022: Fix excessive padding inside floaty stuff */
.vector-pinned-container {
padding: 0 2px;
}
/* V22: Unshrink ToC buttons */
.vector-toc .vector-toc-toggle {
left: -7px;
}
/*** V22 grid configs **/
/* Vector 2022: Fix excessive left padding when TOC is in the sidebar. See [https://phabricator.wikimedia.org/T325099] */
.vector-feature-toc-pinned-clientpref-1 .mw-page-container-inner {
grid-template-columns: 164px minmax(0,1fr);
column-gap: 14px;
}
/* Vector 2022: Main menu sidebar is far too wide, with wasted white space to its left (next four items). No bug submitted. This may be fixed by https://phabricator.wikimedia.org/T321860 */
.vector-feature-main-menu-pinned-enabled #vector-main-menu-pinned-container .vector-main-menu {
padding: 0;
/*margin-left: -7px;*/
}
#mw-panel {
padding: 0;
}
/* V22: Fix excessive padding when right sidebar present. */
.vector-feature-page-tools-pinned-enabled .mw-body,
.vector-feature-appearance-enabled .mw-body,
.vector-feature-client-prefs-pinned-enabled .mw-body {
column-gap: 14px;
grid-template-columns: minmax(0,1fr) min-content;
}
.vector-feature-page-tools-pinned-enabled .vector-column-end {
width: 10.5rem;
}
/* V22: Fix excessive padding when no right sidebar */
.vector-feature-page-tools-pinned-disabled .mw-body,
.vector-feature-appearance-disabled .mw-body,
.vector-feature-client-prefs-pinned-disabled .mw-body {
grid-template-columns: 1fr min-content
}
/** end v22 grid configs */
/* Vector 2022: Revert some of Zebra's most obnoxious dropdown changes */
.vector-dropdown .vector-dropdown-content {
padding:4px 0;
border:1px solid #a2a9b1;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);
}
.vector-dropdown-content .mw-list-item a {
display: flex;
align-items: center;
padding:6px 14px;
}
.vector-dropdown-content > :not(:last-child) {
border-bottom: 1px solid #eaecf0;
}
/* Vector 2022: Fix sitenotice padding at top of page. See https://phabricator.wikimedia.org/T325219 */
.skin-vector-2022 #siteNotice {
margin:0
}
/* V22/RedWarn: Fix header gap on Main Page */
.skin-vector-2022.rootpage-Main_Page #content #rwPGIconContainer {
font-size: 0;
}
/* Vector 2022: reduce vertical size of sticky header (top of page; next two items); see phab T314328 */
.vector-sticky-header-context-bar-primary {
font-size: 22px;
}
.vector-sticky-header {
padding-bottom: 2px;
padding-top: 2px;
height: 35px;
}
/* Vector 2022: reduce subtitle padding */
#contentSub:not(:empty), #contentSub2 {
margin-top: 4px;
}
/* V22: remove weird gap at top of page */
#mw-content-text.mw-body-content {
margin-top: 0;
}
/* *** Vector 2022 miscellaneous adjustments *** */
/* Multiple references columns, important as this is inline for some reason */
.reflist-columns {
column-width: 27em !important;
}
/* Vector 2022: hide "languages list moved" message in sidebar */
.vector-language-sidebar-alert {
display: none;
}
.vector-main-menu-action-lang-alert {
display: none;
}
/* Vector 2022: hide "Switch to old look" */
.vector-main-menu-action-opt-out {
display: none;
}
/* Hide "Print this page" section, which Jonesey95 has never used in ten years as an editor and neither have I */
.mw-portlet-coll-print_export {
display: none;
}
.mw-portlet-electronpdfservice-sidebar-portlet-heading {
display: none;
}
/* Vector 2022: eliminate slow slide-out transition of sticky header */
#vector-sticky-header {
transition-duration: 0ms;
}
/* Vector: Hack back T265947, which the angry anti-decoration people have hacked away */
.vector-body blockquote {
border-left:4px solid #eaecf0;
}