Only change mobile indicator alignment when enhancements are enabled

This was causing a misalignment on mobile pages that loaded the DT
styles but didn't have visual enhancements enabled.

Bug: T351044
Change-Id: Ib5e392943331467c3d29ee2b10d3bbe4995137d0
This commit is contained in:
David Lynch 2023-11-12 19:42:25 -06:00
parent 89bab42a23
commit 26b63503a9

View file

@ -365,8 +365,7 @@ h1, h2, h3, h4, h5, h6 {
.mw-mf .ext-discussiontools-init-section {
// Need to fix some styles on mobile even when the feature is not enabled
display: flex;
// stylelint-disable-next-line declaration-no-important
align-items: flex-start !important;
align-items: center;
> h2 {
flex-grow: 1;
@ -452,6 +451,8 @@ h1, h2, h3, h4, h5, h6 {
&.mw-mf .ext-discussiontools-init-section {
flex-wrap: wrap;
// stylelint-disable-next-line declaration-no-important
align-items: flex-start !important;
// stylelint-disable-next-line declaration-no-important
border-bottom: 0 !important;
margin: 5px 0 0 0;
padding-bottom: 0;