Merge "Tweak mobile styles for no-JS compatibility"

This commit is contained in:
jenkins-bot 2022-11-14 15:29:42 +00:00 committed by Gerrit Code Review
commit 5092498bb5

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;
}