Fixes #7438: remove max-height from justified nav tabs with some CSS wankery

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index f359629952fffaf68b09ee70d3a2a04e31a18dff..c59d1aae74250e446057a76470775ecb03853de7 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -3250,7 +3250,7 @@ button.close {
 }
 
 .nav-justified {
-  max-height: 40px;
+  width: 100%;
 }
 
 .nav-justified > li {
@@ -3260,6 +3260,22 @@ button.close {
   text-align: center;
 }
 
+.nav-justified.nav-tabs {
+  border-bottom: 0;
+}
+
+.nav-justified.nav-tabs > li > a {
+  border-bottom: 1px solid #ddd;
+}
+
+.nav-justified.nav-tabs > .active > a {
+  border-bottom-color: #ffffff;
+}
+
+.nav-justified > li > a {
+  margin-right: 0;
+}
+
 .nav > .disabled > a {
   color: #999999;
 }

diff --git a/less/navs.less b/less/navs.less
index 88641229cf50914181ab88fca839765045057d2e..ff65f85337dc3648671125acf96bbf9010d66e77 100644 (file)
--- a/less/navs.less
+++ b/less/navs.less
@@ -107,8 +107,7 @@
 // -------------------------
 
 .nav-justified {
-  // Negative margin doesn't work, so we hack it
-  max-height: 40px;
+  width: 100%;
 }
 .nav-justified > li {
   float: none;
@@ -116,6 +115,20 @@
   width: 1%;
   text-align: center;
 }
+// Move borders to anchors instead of bottom of list
+.nav-justified.nav-tabs {
+  border-bottom: 0;
+  > li > a {
+    border-bottom: 1px solid #ddd;
+  }
+  > .active > a {
+    border-bottom-color: @body-bg;
+  }
+}
+// Override margin from .nav-tabs
+.nav-justified > li > a {
+  margin-right: 0;
+}