Use fixed font size for UI components in Vector 22

Bug: T373875
Change-Id: If0e71a7aaf1ea1e0315fc80999541019b3990bb0
This commit is contained in:
Ed Sanders 2024-09-06 14:38:43 +01:00
parent 1e42ea10bd
commit f52841a9e2
3 changed files with 24 additions and 0 deletions

View file

@ -28,6 +28,7 @@ function NewTopicController( $pageContainer, threadItem, threadItemSet, storage
} );
this.sectionTitle.$input.attr( 'aria-label', mw.msg( 'discussiontools-newtopic-placeholder-title' ) );
this.sectionTitleField = new OO.ui.FieldLayout( this.sectionTitle, {
classes: [ 'ext-discussiontools-ui-newTopic-sectionTitle-field' ],
align: 'top'
} );
this.prevTitleText = '';

View file

@ -310,6 +310,15 @@ h1, h2, h3, h4, h5, h6 {
display: none;
}
.skin-vector-2022 {
.ext-discussiontools-init-section-bar,
.ext-discussiontools-init-replybutton.oo-ui-buttonElement,
.ext-discussiontools-init-section-subscribe,
.ext-discussiontools-init-section-subscribeButton {
font-size: 0.875rem;
}
}
.ext-discussiontools-init-pageframe-latestcomment {
color: @color-subtle;
}

View file

@ -14,6 +14,20 @@
}
}
.skin-vector-2022 {
.ext-discussiontools-ui-newTopic,
.ext-discussiontools-ui-replyWidget {
font-size: 0.875rem;
line-height: 1.5714285;
}
.ext-discussiontools-ui-replyWidget-bodyWrapper,
.ext-discussiontools-ui-newTopic-sectionTitle-field > .oo-ui-fieldLayout-body {
font-size: var( --font-size-medium );
line-height: var( --line-height-medium );
}
}
// @supports does not work when nested
@supports ( display: flow-root ) {
.ext-discussiontools-ui-replyWidget {