From cdbc20d30407725a782a9e06e09e2d745a9fd7a0 Mon Sep 17 00:00:00 2001
From: Ujjawal Modi <umodi2003@gmail.com>
Date: Wed, 26 Jul 2023 14:32:02 +0530
Subject: [PATCH] invite-user-modal: Remove duplicate CSS rules.

Removes some CSS rules used in the invite user modal that were
already being applied via the shared `modal_select` class.

Co-authored-by: Lauryn Menard <lauryn@zulip.com>
---
 web/styles/zulip.css                | 12 +-----------
 web/templates/invite_user_modal.hbs |  6 +++---
 2 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/web/styles/zulip.css b/web/styles/zulip.css
index 7e4a879b35..c9fb723d21 100644
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -1578,17 +1578,7 @@ div.toggle_resolve_topic_spinner .loading_indicator_spinner {
     margin: 0;
 }
 
-select.invite-expires-in,
-select.custom-expiration-time,
-select.invite-as {
-    width: 220px;
-    height: 30px;
-    padding: 0 6px;
-    color: hsl(0deg 0% 33%);
-    border-radius: 4px;
-    border: 1px solid hsl(0deg 0% 80%);
-    cursor: pointer;
-    background-color: hsl(0deg 0% 100%);
+.invite-user-select {
     vertical-align: middle;
 }
 
diff --git a/web/templates/invite_user_modal.hbs b/web/templates/invite_user_modal.hbs
index c4ce3c1d4e..d106c01424 100644
--- a/web/templates/invite_user_modal.hbs
+++ b/web/templates/invite_user_modal.hbs
@@ -28,7 +28,7 @@
     </div>
     <div class="input-group">
         <label for="expires_in" class="modal-field-label">{{t "Invitation expires after" }}</label>
-        <select id="expires_in" class="invite-expires-in modal_select bootstrap-focus-style">
+        <select id="expires_in" class="invite-user-select modal_select bootstrap-focus-style">
             {{#each expires_in_options}}
                 <option {{#if this.default }}selected{{/if}} name="expires_in" value="{{this.value}}">{{this.description}}</option>
             {{/each}}
@@ -37,7 +37,7 @@
         <div id="custom-invite-expiration-time" class="dependent-settings-block">
             <label for="expires_in" class="modal-field-label">{{t "Custom time" }}</label>
             <input type="text" autocomplete="off" name="custom-expiration-time" id="custom-expiration-time-input" class="custom-expiration-time inline-block" value="" maxlength="3"/>
-            <select class="custom-expiration-time modal_select bootstrap-focus-style" id="custom-expiration-time-unit">
+            <select class="custom-expiration-time invite-user-select modal_select bootstrap-focus-style" id="custom-expiration-time-unit">
                 {{#each time_choices}}
                     <option name="custom_time_choice" class="custom_time_choice" value="{{this}}">{{this}}</option>
                 {{/each}}
@@ -49,7 +49,7 @@
         <label for="invite_as" class="modal-field-label">{{t "Users join as" }}
             {{> help_link_widget link="/help/roles-and-permissions" }}
         </label>
-        <select id="invite_as" class="invite-as modal_select bootstrap-focus-style">
+        <select id="invite_as" class="invite-user-select modal_select bootstrap-focus-style">
             <option name="invite_as" value="{{ invite_as_options.guest.code }}">{{t "Guests" }}</option>
             <option name="invite_as" selected="selected" value="{{ invite_as_options.member.code }}">{{t "Members" }}</option>
             {{#if is_admin}}