Replace #toc id selector by .toc class

Replacing id CSS selector by lower specific class selector, if needed
with `.client-js` prefix.
We have already been there once in Ib1a874b644, we need to enable
`selector-max-id` stylelint rule in a follow-up in order to make
devs not introduce without clear need.

Change-Id: Id16d89280d2ef080907fca5871dca701554087fd
This commit is contained in:
Volker E 2019-11-25 09:00:48 -08:00 committed by Jdrewniak
parent 99f3c97c3c
commit 3bd0a4cfaf
2 changed files with 4 additions and 4 deletions

View file

@ -1,6 +1,6 @@
@import '../../minerva.less/minerva.variables.less';
#toc {
.toc {
display: none;
position: relative;
margin: 1em 0;
@ -28,7 +28,7 @@
z-index: @z-indexAboveContent;
}
.client-js .content .toc {
.client-js .toc {
.toctitle {
@toctitle-vertical-padding: 1.4em / 2;
visibility: hidden;
@ -61,7 +61,7 @@
}
@media screen and ( min-width: @width-breakpoint-tablet ) {
#toc {
.client-js .toc {
// Reset the rule for mobile mode (but not for .client-nojs)
display: table;

View file

@ -39,7 +39,7 @@
// Only run on talk pages
.client-js .skin-minerva--talk-simplified {
#toc,
.toc,
#mf-section-0,
.section-heading + div {
display: none;