MediaWiki:Vector.less/vectortabs.less

< MediaWiki:Vector.less
Revision as of 21:40, 4 October 2022 by Jacmob (talk | contribs) (Created page with "// border around tabs .vector-menu-tabs, .vector-menu-tabs ul { padding: 0; } .vector-menu-tabs { // Part of the css required to fix external link heights regardless of font size .vector-menu-content { height: 100%; } // redlink in tab .new { a, a:visited { // 1.38 thing .skin-vector-legacy & { color: var(--redlink-color); } } } // selected tab .selected { background: var(--body-main); a, a:visited { color: var(--text-color); }...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

// border around tabs .vector-menu-tabs, .vector-menu-tabs ul { padding: 0; }

.vector-menu-tabs { // Part of the css required to fix external link heights regardless of font size .vector-menu-content { height: 100%; }

// redlink in tab .new { a, a:visited { // 1.38 thing .skin-vector-legacy & { color: var(--redlink-color); } } }

// selected tab .selected { background: var(--body-main); a, a:visited { color: var(--text-color); } }

// padding for tabs li a { color: var(--background-link-color); padding: 0 .75em; padding-top: 1em;

&:visited { color: var(--background-link-color); } }

// background for tabs ul li { background: var(--body-background-color); }

// hide "Read" tab #ca-view { display: none !important; // for beating the inline style in lower widths }

ul li:hover a { text-decoration: none; } }

// Tabs hover .vector-menu-tabs ul li:not(.selected):hover, // for the "More" dropdown

  1. p-cactions:hover #p-cactions-label {

background: var(--body-mid); }


// inner shadow for tabs .vector-menu-tabs ul li:not(.selected),

  1. mw-head .vector-menu-dropdown .vector-menu-heading {

box-shadow: inset 0 -7px 7px -7px rgba(0, 0, 0, 0.15); }

// remove image borders between all tabs .vector-menu-tabs, .vector-menu-tabs a,

  1. mw-head .vector-menu-dropdown .vector-menu-heading {

background-image: none; }

// remove remaining blue border in VisualEditor .ve-activated .vector-menu-tabs .selected { box-shadow: none; }

root {

// uses --background-link-color (#52351e) --watch-icon: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%2352351e' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A"); --unwatch-icon: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%2352351e' stroke='%2352351e' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A"); }

// Watch icon .vector-menu-tabs { #ca-watch.icon a { &:before, &:hover:before, &:focus:before { background-image: var(--watch-icon); } }

#ca-unwatch.icon a { &:before, &:hover:before, &:focus:before { background-image: var(--unwatch-icon); } } }