From 3ce6fbe10a1d8a780862ff2b78f0fc882afd607e Mon Sep 17 00:00:00 2001
From: Sahil Batra <sahil@zulip.com>
Date: Mon, 24 Jul 2023 16:46:31 +0530
Subject: [PATCH] css: Re-add bootstrap CSS for tables with "table-bordered"
 class.

This commit re-adds bootstrap CSS rules with "table-bordered" class
to app_components.css so that tables used in the app can use this
css and we can remove the CSS from bootstrap.css.
---
 web/styles/app_components.css | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/web/styles/app_components.css b/web/styles/app_components.css
index 2f16027838..1084e4d870 100644
--- a/web/styles/app_components.css
+++ b/web/styles/app_components.css
@@ -743,6 +743,34 @@ div.overlay {
     }
 }
 
+.table-bordered {
+    border: 1px solid hsl(0deg 0% 87%);
+    border-collapse: separate;
+    border-left: 0;
+    border-radius: 4px;
+
+    & th,
+    td {
+        border-left: 1px solid hsl(0deg 0% 87%);
+    }
+
+    thead tr:first-child > th:first-child {
+        border-top-left-radius: 4px;
+    }
+
+    thead tr:first-child > th:last-child {
+        border-top-right-radius: 4px;
+    }
+
+    tbody:last-child tr:last-child > td:first-child {
+        border-bottom-left-radius: 4px;
+    }
+
+    tbody:last-child tr:last-child > td:last-child {
+        border-bottom-right-radius: 4px;
+    }
+}
+
 #stream_settings .save-button-controls,
 #settings_page .save-button-controls {
     display: inline;