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,9 +496,36 @@ h1, h2, h3, h4, h5, h6 {
flex-wrap: wrap;
}
&-actions {
&-actions,
&-metadata {
width: 100%;
padding-left: 24px;
}
.client-js & {
&-actions,
&-metadata {
padding-left: 24px;
}
&-ellipsisButton {
display: inline-block;
// stylelint-disable-next-line declaration-property-unit-disallowed-list
font-size: 14px;
margin-right: -5px;
// Fix height so MenuWidget appears in the correct place with wrapped text (T311558)
height: 32px;
}
.mw-editsection {
// Replaced by the ellipsis button
// stylelint-disable-next-line declaration-no-important
display: none !important;
}
}
&-authorCountLabel,
&-commentCountLabel {
display: none;
}
// stylelint-disable-next-line selector-class-pattern
@ -507,25 +534,6 @@ h1, h2, h3, h4, h5, h6 {
display: none;
}
&-ellipsisButton {
display: inline-block;
// stylelint-disable-next-line declaration-property-unit-disallowed-list
font-size: 14px;
margin-right: -5px;
// Fix height so MenuWidget appears in the correct place with wrapped text (T311558)
height: 32px;
}
&-metadata {
width: 100%;
padding-left: 24px;
}
&-authorCountLabel,
&-commentCountLabel {
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;
}