ve.ui.MWGalleryDialog: Allow "Add new image" button label to wrap

The interface has enough space for 2 or 3 lines of text.

(On mobile, the button has only an icon and no label.)

Bug: T260074
Change-Id: I50b08029f843e91d10b8c81985f6dfacbb96c8e7
This commit is contained in:
Bartosz Dziewoński 2020-08-11 16:07:13 +02:00
parent 7d3be3f3a6
commit adc4346652

View file

@ -92,6 +92,16 @@
border-top: 1px solid #eaecf0; border-top: 1px solid #eaecf0;
} }
.ve-ui-mwGalleryDialog-imageListMenuLayout-desktop > .oo-ui-menuLayout-menu .oo-ui-panelLayout-padded {
/* Center the button vertically */
padding: 0 12px;
line-height: 5em;
}
.ve-ui-mwGalleryDialog-imageListMenuLayout-desktop > .oo-ui-menuLayout-menu .oo-ui-panelLayout-padded .oo-ui-buttonElement-button {
white-space: normal;
}
.ve-ui-mwGalleryDialog-imageListMenuLayout-mobile > .oo-ui-menuLayout-menu { .ve-ui-mwGalleryDialog-imageListMenuLayout-mobile > .oo-ui-menuLayout-menu {
box-shadow: -1px 0 0 0 rgba( 0, 0, 0, 0.05 ); box-shadow: -1px 0 0 0 rgba( 0, 0, 0, 0.05 );
line-height: 102px; line-height: 102px;