Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make documentation tabs more visual #566

Merged
merged 1 commit into from
Apr 19, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 24 additions & 0 deletions docs/_static/css/custom_styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
/*STYLES TO MAKE TABS MORE VISUAL*/

/*The parent container of tabs*/
.tab-set {
border: 1px solid #ccc
}

/*Individual box of each tab*/
.tab-set > label {
margin-bottom: 0
}

/*Container appearing below the tabs, with the contents of the active tab*/
.tab-content {
background-color: aliceblue;
padding: 20px
}

/*Initial paragraph of the content. By default there's a top margin
but we already specify a padding of 20 px for the content no matter what the
first child is.*/
.tab-content > p:first-child {
margin-top: 0
}
5 changes: 5 additions & 0 deletions docs/conf.py
Original file line number Diff line number Diff line change
Expand Up @@ -201,6 +201,11 @@
else:
html_static_path = []

# Add any extra style files that we need
html_css_files = [
'css/custom_styles.css',
]

# If false, no index is generated.
html_use_modindex = True
html_use_index = True
Expand Down