From 2c530c295aab7f94b0ba2c16572957b8219e3345 Mon Sep 17 00:00:00 2001
From: Henry Liu <henry.liu@daocloud.io>
Date: Sat, 27 Mar 2021 16:50:43 +0800
Subject: [PATCH] Improve "look and feel" of tabs to make it clearer where they
 start/end (#26828)

* improve "look and feel" of tabs to make it clearer where they start/end

* add border-radius to tab-pane

* remove the .td-content .hightlight margin when inside the tab-content
---
 assets/scss/_base.scss | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/assets/scss/_base.scss b/assets/scss/_base.scss
index b1b112cb38..4113b49bee 100644
--- a/assets/scss/_base.scss
+++ b/assets/scss/_base.scss
@@ -869,3 +869,22 @@ body.td-documentation {
       display: none;
     }
 }
+
+// nav-tabs and tab-content
+.nav-tabs {
+  border-bottom: none !important;
+}
+
+.td-content .tab-content .highlight {
+  margin: 0;
+}
+
+.tab-pane {
+  border-radius: 0.25rem;
+  padding: 0 16px 16px;
+
+  border: 1px solid #dee2e6;
+  &:first-of-type.active {
+    border-top-left-radius: 0;
+  }
+}