From dfc18518db61d35db02c93178f67367559e8f44f Mon Sep 17 00:00:00 2001
From: Sayam Samal <sayam@zulip.com>
Date: Mon, 15 Jul 2024 13:07:33 +0530
Subject: [PATCH] send_later: Remove Bootstrap `nav nav-list` CSS classes
 dependency.

This is a prep commit for removing `nav nav-list` classes from all
popovers.

The send later modal, although not being a popover specifically, was the
last place in the code still using `nav nav-list` classes.
---
 web/styles/modal.css                       | 18 ++++++++++++++++++
 web/templates/send_later_modal_options.hbs | 10 +++++-----
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/web/styles/modal.css b/web/styles/modal.css
index c5b993b059..79dfb57f1a 100644
--- a/web/styles/modal.css
+++ b/web/styles/modal.css
@@ -527,3 +527,21 @@
 #invite_users_option_tabs_container {
     margin-bottom: 20px;
 }
+
+#send_later_options {
+    .send_later_list {
+        margin: 0;
+        list-style: none;
+
+        .send_later_option {
+            display: flex;
+            padding: 3px 15px;
+
+            &:focus,
+            &:hover {
+                text-decoration: none;
+                background-color: hsl(0deg 0% 0% / 20%);
+            }
+        }
+    }
+}
diff --git a/web/templates/send_later_modal_options.hbs b/web/templates/send_later_modal_options.hbs
index d155a34324..32ad4f19e8 100644
--- a/web/templates/send_later_modal_options.hbs
+++ b/web/templates/send_later_modal_options.hbs
@@ -1,26 +1,26 @@
 <div id="send_later_options">
-    <ul class="nav nav-list">
+    <ul class="send_later_list">
         {{#if possible_send_later_today}}
             {{#each possible_send_later_today}}
                 <li>
-                    <a id="{{@key}}" class="send_later_today" data-send-stamp="{{this.stamp}}" tabindex="0">{{this.text}}</a>
+                    <a id="{{@key}}" class="send_later_today send_later_option" data-send-stamp="{{this.stamp}}" tabindex="0">{{this.text}}</a>
                 </li>
             {{/each}}
         {{/if}}
         {{#each send_later_tomorrow}}
             <li>
-                <a id="{{@key}}" class="send_later_tomorrow" data-send-stamp="{{this.stamp}}" tabindex="0">{{this.text}}</a>
+                <a id="{{@key}}" class="send_later_tomorrow send_later_option" data-send-stamp="{{this.stamp}}" tabindex="0">{{this.text}}</a>
             </li>
         {{/each}}
         {{#if possible_send_later_monday }}
             {{#each possible_send_later_monday}}
                 <li>
-                    <a id="{{@key}}" class="send_later_monday" data-send-stamp="{{this.stamp}}" tabindex="0">{{this.text}}</a>
+                    <a id="{{@key}}" class="send_later_monday send_later_option" data-send-stamp="{{this.stamp}}" tabindex="0">{{this.text}}</a>
                 </li>
             {{/each}}
         {{/if}}
         <li>
-            <a class="send_later_custom" tabindex="0">{{t 'Custom time'}}</a>
+            <a class="send_later_custom send_later_option" tabindex="0">{{t 'Custom time'}}</a>
         </li>
     </ul>
 </div>