From 5704bf72e09f97fd2ff04e14466642cecc18eaa2 Mon Sep 17 00:00:00 2001
From: Sahil Batra <sahil@zulip.com>
Date: Thu, 4 Jul 2024 19:30:37 +0530
Subject: [PATCH] settings: Increase width of setting dropdown widget buttons.

We now do not restrict the width of dropdown widget buttons
so that the width can be increased when the font size increases
and also if the option selected is long due to langauge.

We have similar behavior for the select element except that
the width of select element is set according to the longest
option while for dropdown widgets the button width is set
as per the current selected value.

This change is only for group-based setting dropdowns in
organization, stream and group settigs.
---
 web/styles/settings.css      | 3 ++-
 web/styles/subscriptions.css | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/styles/settings.css b/web/styles/settings.css
index e409921183..ba760973b0 100644
--- a/web/styles/settings.css
+++ b/web/styles/settings.css
@@ -859,7 +859,8 @@ input[type="checkbox"] {
 
 #organization-permissions {
     .dropdown-widget-button {
-        width: 325px;
+        min-width: 325px;
+        width: auto;
         color: hsl(0deg 0% 33%);
     }
 }
diff --git a/web/styles/subscriptions.css b/web/styles/subscriptions.css
index c4c2974129..44e63a806b 100644
--- a/web/styles/subscriptions.css
+++ b/web/styles/subscriptions.css
@@ -1061,6 +1061,7 @@ div.settings-radio-input-parent {
         margin-bottom: 20px;
         min-width: 325px;
         max-width: 100%;
+        width: auto;
         height: 30px;
     }