From 0e087c9612e94d6a3d823cf0b130a08d96e4c435 Mon Sep 17 00:00:00 2001 From: Andreas Eliasson Date: Mon, 25 Apr 2022 11:45:07 +0200 Subject: [PATCH] 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 --- doc/global/template/style/htmltabs.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/doc/global/template/style/htmltabs.css b/doc/global/template/style/htmltabs.css index f09ec9f8c83..f904fb1635d 100644 --- 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; }