Minor positioning issue for gallery edit screen at small widths

[markjaquith]

[Reverse order]Drag and drop to reorder images. (smushed together)

[lessbloat]

22741.patch​ works fine until you get even smaller:

[SergeyBiryukov]

Replying to lessbloat:

22741.patch​ works fine until you get even smaller

Yeah, that currently happens without the patch as well. Appears to be caused by fixed height on .media-toolbar, not sure how to avoid that.

[lessbloat]

22741.2.patch​ uses absolute positioning to ensure that the line never wraps when the screen is < 900px.

[helenyhou]

Are we okay with the button overlapping the text?

[lessbloat]

Koopersmith: I'm not coming up with much:

.narrow-width
.narrow-window
.hide-when-narrow

[lessbloat]

22741.3.patch just deals with the task at hand.

[koopersmith]

Replying to lessbloat:

22741.3.patch just deals with the task at hand.

Dealing with the task at hand sounds right to me. We can't break at the exact lengths of strings, because we need to account for internationalization. attachment:22741.4.diff​ attempts to break at smart points for the defaults and will automatically hide any elements if they do overflow the bar's limits.

[markjaquith]

In 23071:

Better responsive breakpoints for the Gallery editing screen. props koopersmith. fixes #22741