Jump to content

User:Aaron Liu/v22.css

From Meta, a Wikimedia project coordination wiki

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/v22.css&action=raw&ctype=text/css); in your global.css file.
enjoy!>:) *&*/

/** Vector 2022 padding shrinkers **/
/* 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: revert weird extra width when ToC section name is bolded */
.vector-toc .vector-toc-list-item-active > .vector-toc-link .vector-toc-text, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link .vector-toc-text, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link .vector-toc-text {
	width: inherit;
}

/** 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-pinned-clientpref-1 .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.vector-feature-appearance-pinned-clientpref-0 .mw-body,
.vector-feature-page-tools-pinned-disabled.vector-feature-client-prefs-pinned-disabled .mw-body,
.vector-feature-page-tools-pinned-disabled.vector-feature-client-preferences-disabled .mw-body {
	grid-template-columns: 1fr min-content
}

/** end grid configs **/

/** V22: Revert some of Zebra's most obnoxious dropdown changes **/
.vector-dropdown .vector-dropdown-content {
	padding: 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;
}

/* Make unpinned stuff retain a bit of padding */
.vector-unpinned-container {
	padding: 0.5em 1em;
}

/* 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: remove unneeded subtitles' padding */
.mw-body #contentSub, #contentSub2 {
  margin-top: 0;
}

/* V22: remove weird gap at top of page */
#mw-content-text.mw-body-content {
  margin-top: 0;
}
/*** end vector 2022 padding shrinkers ***/

/* *** Vector 2022 miscellaneous adjustments *** */

/* 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;
 }