CSS cleanup: Revise CSS that is no longer needed per FIXME guidelines
Bug: T311773 Bug: T308344 Change-Id: Idf943449b5e4358749be47435b3032215e533353
This commit is contained in:
parent
88b7d9534a
commit
a3905e9acd
|
@ -6,8 +6,6 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* Namespaces and Views */
|
/* Namespaces and Views */
|
||||||
// FIXME: Remove vector-menu-tabs when vector-menu-tabs-legacy is present everywhere
|
|
||||||
.vector-menu-tabs,
|
|
||||||
.vector-menu-tabs-legacy {
|
.vector-menu-tabs-legacy {
|
||||||
// Tab separator: Outer start border (left in LTR) of tab row.
|
// Tab separator: Outer start border (left in LTR) of tab row.
|
||||||
background-position: left bottom;
|
background-position: left bottom;
|
||||||
|
|
|
@ -2,10 +2,11 @@
|
||||||
@import '../../common/variables.less';
|
@import '../../common/variables.less';
|
||||||
@import 'mediawiki.mixins.less';
|
@import 'mediawiki.mixins.less';
|
||||||
|
|
||||||
// TODO: `#p-lang-btn` Can be removed after Iebacb6a7bf3412a6ee76eb5c9fdb9471c02dd16c
|
// Note vector-language-in-header-enabled class is not used here as that class
|
||||||
// has been in prod for 5 days.
|
// only applies to main page.
|
||||||
#p-lang-btn,
|
// This must be limited to mw-body-header as the mw-portlet-lang class is shared with
|
||||||
.vector-language-in-header-enabled .mw-portlet-lang {
|
// the language portlet that can display in the sidebar.
|
||||||
|
.mw-body-header .mw-portlet-lang {
|
||||||
// FIXME [review whether margin-top is needed] center vertically in heading.
|
// FIXME [review whether margin-top is needed] center vertically in heading.
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
|
@ -31,11 +31,6 @@ body:not( .vector-toc-enabled ) .mw-sidebar {
|
||||||
background-image: linear-gradient( to bottom, @background-color-base 0%, @background-color-secondary--modern 10%, @background-color-secondary--modern 90%, @background-color-base 100% );
|
background-image: linear-gradient( to bottom, @background-color-base 0%, @background-color-secondary--modern 10%, @background-color-secondary--modern 90%, @background-color-base 100% );
|
||||||
}
|
}
|
||||||
|
|
||||||
// FIXME: Can be removed when "VectorTitleAboveTabs" is enabled and old layout is removed.
|
|
||||||
.vector-article-toolbar + .mw-sidebar {
|
|
||||||
margin-top: @top-margin-sidebar-content;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update styling when TOC is enabled
|
// Update styling when TOC is enabled
|
||||||
.vector-toc-enabled {
|
.vector-toc-enabled {
|
||||||
.mw-sidebar,
|
.mw-sidebar,
|
||||||
|
@ -72,15 +67,6 @@ body:not( .vector-toc-enabled ) .mw-sidebar {
|
||||||
margin-top: @top-margin-sidebar-toc;
|
margin-top: @top-margin-sidebar-toc;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* FIXME: The following selector can be removed when the option to disable `VectorTitleAboveTabs` is removed. */
|
|
||||||
@{selector-workspace-container-sidebar-open} {
|
|
||||||
@media ( max-width: @max-width-tablet ) {
|
|
||||||
.mw-sidebar {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// FIXME: Merge margin-top styles with above when .vector-toc-enabled is removed (T310527)
|
// FIXME: Merge margin-top styles with above when .vector-toc-enabled is removed (T310527)
|
||||||
|
|
|
@ -339,8 +339,6 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
// Adjusts the content when sidebar is open regardless of the viewport width.
|
// Adjusts the content when sidebar is open regardless of the viewport width.
|
||||||
/* FIXME: The following selector can be removed when the option to disable `VectorTitleAboveTabs` is removed. */
|
|
||||||
.vector-layout-legacy @{selector-workspace-container-sidebar-open} #mw-navigation .mw-article-toolbar-container,
|
|
||||||
.vector-layout-legacy @{selector-workspace-container-sidebar-open} .mw-content-container {
|
.vector-layout-legacy @{selector-workspace-container-sidebar-open} .mw-content-container {
|
||||||
// For container logic specific to special pages and history pages.
|
// For container logic specific to special pages and history pages.
|
||||||
.skin-vector-disable-max-width & {
|
.skin-vector-disable-max-width & {
|
||||||
|
@ -350,16 +348,12 @@ body {
|
||||||
|
|
||||||
@media ( max-width: @max-width-margin-start-content ) {
|
@media ( max-width: @max-width-margin-start-content ) {
|
||||||
// Adjusts the content and mw-article-toolbar-container.
|
// Adjusts the content and mw-article-toolbar-container.
|
||||||
.vector-layout-legacy @{selector-workspace-container-sidebar-open} .mw-content-container,
|
.vector-layout-legacy @{selector-workspace-container-sidebar-open} .mw-content-container {
|
||||||
/* FIXME: The following selector can be removed when the option to disable `VectorTitleAboveTabs` is removed. */
|
|
||||||
.vector-layout-legacy @{selector-workspace-container-sidebar-open} #mw-navigation .mw-article-toolbar-container {
|
|
||||||
margin-left: @margin-start-content;
|
margin-left: @margin-start-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Increase margin when TOC is enabled
|
// Increase margin when TOC is enabled
|
||||||
.vector-toc-enabled .vector-layout-legacy @{selector-workspace-container-sidebar-open} .mw-content-container,
|
.vector-toc-enabled .vector-layout-legacy @{selector-workspace-container-sidebar-open} .mw-content-container {
|
||||||
/* FIXME: The following selector can be removed when the option to disable `VectorTitleAboveTabs` is removed. */
|
|
||||||
.vector-toc-enabled .vector-layout-legacy @{selector-workspace-container-sidebar-open} #mw-navigation .mw-article-toolbar-container {
|
|
||||||
margin-left: @margin-toc-start-content;
|
margin-left: @margin-toc-start-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -397,11 +391,7 @@ body {
|
||||||
// the new TOC.
|
// the new TOC.
|
||||||
.skin-vector-disable-max-width .vector-toc-enabled .vector-layout-legacy @{selector-workspace-container-sidebar-open} .mw-content-container,
|
.skin-vector-disable-max-width .vector-toc-enabled .vector-layout-legacy @{selector-workspace-container-sidebar-open} .mw-content-container,
|
||||||
body:not( .skin-vector-toc-experiment-control ):not( .skin-vector-toc-experiment-unsampled ) .vector-layout-legacy .vector-toc-visible .mw-workspace-container .mw-content-container,
|
body:not( .skin-vector-toc-experiment-control ):not( .skin-vector-toc-experiment-unsampled ) .vector-layout-legacy .vector-toc-visible .mw-workspace-container .mw-content-container,
|
||||||
/* FIXME: The following selector can be removed when the option to disable `VectorTitleAboveTabs` is removed. */
|
.vector-toc-enabled .vector-layout-legacy @{selector-workspace-container-sidebar-open} .mw-content-container {
|
||||||
body:not( .skin-vector-toc-experiment-control ):not( .skin-vector-toc-experiment-unsampled ) .vector-layout-legacy .vector-toc-visible #mw-navigation .mw-article-toolbar-container,
|
|
||||||
.vector-toc-enabled .vector-layout-legacy @{selector-workspace-container-sidebar-open} .mw-content-container,
|
|
||||||
/* FIXME: The following selector can be removed when the option to disable `VectorTitleAboveTabs` is removed. */
|
|
||||||
.vector-toc-enabled .vector-layout-legacy @{selector-workspace-container-sidebar-open} #mw-navigation .mw-article-toolbar-container {
|
|
||||||
@media ( min-width: @min-width-desktop ) {
|
@media ( min-width: @min-width-desktop ) {
|
||||||
margin-left: @margin-toc-start-content;
|
margin-left: @margin-toc-start-content;
|
||||||
}
|
}
|
||||||
|
@ -422,9 +412,7 @@ body:not( .skin-vector-toc-experiment-control ):not( .skin-vector-toc-experiment
|
||||||
|
|
||||||
// !important as we always want to disable the margin-left on these elements
|
// !important as we always want to disable the margin-left on these elements
|
||||||
// Using !important is cleaner than having to rely on specificity involved :checked elements
|
// Using !important is cleaner than having to rely on specificity involved :checked elements
|
||||||
.mw-content-container,
|
.mw-content-container {
|
||||||
/* FIXME: The following selector can be removed when the option to disable `VectorTitleAboveTabs` is removed. */
|
|
||||||
#mw-navigation .mw-article-toolbar-container {
|
|
||||||
// stylelint-disable-next-line declaration-no-important
|
// stylelint-disable-next-line declaration-no-important
|
||||||
margin-left: 0 !important;
|
margin-left: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue