tabs (#1661)

JohnSnowLabs · Dec 10, 2024 · 6afe5ae · 6afe5ae
1 parent 6d52b39
commit 6afe5ae
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/docs/_includes/programmingLanguageSelectScalaPythonNLU.html b/docs/_includes/programmingLanguageSelectScalaPythonNLU.html
@@ -1 +1 @@
-<div class="tabs-model-aproach-head"><button class="tab-li-model-aproach tabheader_active">Python</button><button class="tab-li-model-aproach tab-li-jsl">JSL</button><button class="tab-li-model-aproach">Scala</button><button class="tab-li-model-aproach tab-li-nlu">NLU</button></div>
+<div class="tabs-model-aproach-head"><button class="tab-li-model-aproach tabheader_active">Python<strong>Healthcare NLP</strong></button><button class="tab-li-model-aproach tab-li-jsl">Python<strong>JohnSnowLabs</strong></button><button class="tab-li-model-aproach">Scala</button><button class="tab-li-model-aproach tab-li-nlu">NLU</button></div>
diff --git a/docs/_sass/custom.scss b/docs/_sass/custom.scss
@@ -1306,7 +1306,22 @@ code.language-plaintext {
 		color: #fff;
 		border-color: $color-lightblue;
 	}
+}
 
+.tabs-model-aproach-head {
+	display: flex;
+}
+
+.tab-li-model-aproach {
+	display: inline-flex;
+	flex-wrap: wrap;
+	justify-content: center;
+    flex-direction: column;
+	strong {
+		display: block;
+		font-size: 15px;
+		font-weight: 500;
+	}
 }
 
 .tabs-python-scala-head {
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<div class="tabs-model-aproach-head"><button class="tab-li-model-aproach tabheader_active">Python</button><button class="tab-li-model-aproach tab-li-jsl">JSL</button><button class="tab-li-model-aproach">Scala</button><button class="tab-li-model-aproach tab-li-nlu">NLU</button></div>
		<div class="tabs-model-aproach-head"><button class="tab-li-model-aproach tabheader_active">Python<strong>Healthcare NLP</strong></button><button class="tab-li-model-aproach tab-li-jsl">Python<strong>JohnSnowLabs</strong></button><button class="tab-li-model-aproach">Scala</button><button class="tab-li-model-aproach tab-li-nlu">NLU</button></div>