1berry/qtbase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Doc: Fix padding inside tab content

Browse Source 
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 <Venugopal.Shivashankar@qt.io>
This commit is contained in:
Andreas Eliasson 2022-04-25 11:45:07 +02:00
parent 19a5273e05
commit 0e087c9612
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
doc/global/template/style/htmltabs.css
View File

@ -13,7 +13,6 @@ input[type="radio"],
input[type="radio"] ~ .tabcontent { input[type="radio"] ~ .tabcontent {
display: none; display: none;
margin: 0; margin: 0;
padding: 0;
} }
input[type="radio"] + label { input[type="radio"] + label {
@ -44,12 +43,18 @@ input[type="radio"]:checked + label {
/* Some styling for the content */ /* Some styling for the content */
div.tabcontent { div.tabcontent {
padding-left: 10px;
padding-top: 2px;
border-left: 3px solid #ccc; border-left: 3px solid #ccc;
border-top: 1px 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 { div.tabcontent pre {
margin-top: 0; margin-top: 0;
} }