css: Size stream recipient box for small screens.

This allows the recipient box to take 100% of the available
horizontal space, up to 175px. The effect is that the
compose-box buttons are available to users at mobile scales
(viewports of 400px wide or less).
This commit is contained in:
Karl Stolley 2023-05-30 09:53:49 -04:00 committed by Tim Abbott
parent dc158b18f2
commit 30b7da34e0
1 changed files with 2 additions and 1 deletions

View File

@ -540,10 +540,11 @@ input.recipient_box {
} }
#stream_message_recipient_topic.recipient_box { #stream_message_recipient_topic.recipient_box {
width: 100%;
/* This width roughly corresponds to how long of a topic can appear in /* This width roughly corresponds to how long of a topic can appear in
the left sidebar with a single digit unread count without being the left sidebar with a single digit unread count without being
cut off. */ cut off. */
width: 175px; max-width: 175px;
} }
#private_message_recipient.recipient_box { #private_message_recipient.recipient_box {