Allow the ref re-use sub-menu options to wrap

We discovered that the label can be really long depending on the
language. On mobile, where the screen is quite narrow it seems
more useful to let it wrap.

In this context it's even more relevant, because the options you
can choose from might only differ in the last parts of the message.

Bug: T375053
Change-Id: I9ec111ab1b80843f993d605ff11a1702c3d7b37c
This commit is contained in:
WMDE-Fisch 2024-10-04 09:28:54 +02:00 committed by thiemowmde
parent c68496d327
commit bcd76a24c4
2 changed files with 5 additions and 0 deletions

View file

@ -65,6 +65,10 @@
}
}
.ve-ui-mwReferenceResultsReuseOptionsItem .oo-ui-menuOptionWidget > .oo-ui-labelElement-label {
white-space: initial;
}
// FIXME: T375053 Should just be temporary to test some UI changes
.ve-ui-mwReferenceSearchReuseHacks .ve-ui-mwReferenceResultWidget {
display: flex;

View file

@ -219,6 +219,7 @@ ve.ui.MWReferenceSearchWidget.prototype.buildReuseOptionsMenu = function ( ref )
icon: 'ellipsis',
invisibleLabel: true,
menu: {
classes: [ 've-ui-mwReferenceResultsReuseOptionsItem' ],
horizontalPosition: 'end',
items: [
new OO.ui.MenuOptionWidget( {