Tweak mobile styles for no-JS compatibility

Bug: T321430
Change-Id: I0f20750995d89c0bb4be9a70e594326f15a6de0b
This commit is contained in:
Bartosz Dziewoński 2022-11-14 15:01:35 +01:00
parent f27d173852
commit 310323b561

View file

@ -496,15 +496,15 @@ h1, h2, h3, h4, h5, h6 {
flex-wrap: wrap;
}
&-actions {
&-actions,
&-metadata {
width: 100%;
padding-left: 24px;
}
// stylelint-disable-next-line selector-class-pattern
&.section-heading .ext-discussiontools-init-section-actions {
// Hidden until expanded
display: none;
.client-js & {
&-actions,
&-metadata {
padding-left: 24px;
}
&-ellipsisButton {
@ -516,9 +516,11 @@ h1, h2, h3, h4, h5, h6 {
height: 32px;
}
&-metadata {
width: 100%;
padding-left: 24px;
.mw-editsection {
// Replaced by the ellipsis button
// stylelint-disable-next-line declaration-no-important
display: none !important;
}
}
&-authorCountLabel,
@ -526,6 +528,12 @@ h1, h2, h3, h4, h5, h6 {
display: none;
}
// stylelint-disable-next-line selector-class-pattern
&.section-heading .ext-discussiontools-init-section-actions {
// Hidden until expanded
display: none;
}
// stylelint-disable-next-line selector-class-pattern
&.open-block {
margin-bottom: 12px;
@ -535,11 +543,6 @@ h1, h2, h3, h4, h5, h6 {
}
}
.mw-editsection {
// stylelint-disable-next-line declaration-no-important
display: none !important;
}
.mw-ui-icon + span {
margin-left: 0;
}