Doc: Fix padding inside tab content

The previously defined padding for the tab content was overwritten to 0 by a more specific css selector. In addition, code snippets should not have any extra padding, hence the :not(.pre) css selector. Pick-to: 6.3 Change-Id: I8f331924c5d01c8971660bb7a5b3aad25e3dee8a Reviewed-by: Venugopal Shivashankar <[email protected]>
JoneChenHub · May 9, 2022 · 0e087c9 · 0e087c9
1 parent 19a5273
commit 0e087c9
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/doc/global/template/style/htmltabs.css b/doc/global/template/style/htmltabs.css
@@ -13,7 +13,6 @@ input[type="radio"],
 input[type="radio"] ~ .tabcontent {
   display: none;
   margin: 0;
-  padding: 0;
 }
 
 input[type="radio"] + label {
@@ -44,12 +43,18 @@ input[type="radio"]:checked + label {
 
 /* Some styling for the content */
 div.tabcontent {
-  padding-left: 10px;
-  padding-top: 2px;
   border-left: 3px solid #ccc;
   border-top: 1px solid #ccc;
 }
 
+div.tabcontent >:first-child:not(.pre) {
+  padding-top: 2px;
+}
+
+div.tabcontent >:not(.pre) {
+  padding-left: 10px;
+}
+
 div.tabcontent pre {
   margin-top: 0;
 }