diff --git a/docs/_static/custom.css b/docs/_static/custom.css index 4bc681421..8948ecc90 100644 --- a/docs/_static/custom.css +++ b/docs/_static/custom.css @@ -302,32 +302,36 @@ div.contents.local.topic > ul > li > ul { margin-top: 0; } -.sphinx-tabs .sphinx-menu a.item { - color: #c77c11 !important; +[role="tablist"] { + border-color: #eee; } -.sphinx-tabs .sphinx-menu a.item:hover{ - color: #f0ad4e !important; +.sphinx-tabs-panel { + border-color: #eee; + padding: 4px 1rem; } -.sphinx-tabs .sphinx-menu { - border-bottom-color: #eee !important; +.sphinx-tabs-tab { + top: 2px; + border-color: #eee; + color: #c77c11; } -.sphinx-tabs .sphinx-menu a.active.item { - border-color: #eee !important; +.sphinx-tabs-tab[aria-selected="true"] { + border-color: #eee; } -.sphinx-tab { - border-color: #eee !important; +.sphinx-tabs-tab[aria-selected="false"]:hover { + color: #f0ad4e; + text-decoration: underline; } -.sphinx-tab.tab.active { - background-color: rgb(245,245,245); +.sphinx-tabs-tab:focus { + z-index: 0; } -.sphinx-tabs .sphinx-menu a.active.item { - background-color: rgb(245,245,245) !important; +.sphinx-tabs-panel .highlight-python { + margin: 4px 0; } div.note, pre { @@ -363,4 +367,4 @@ div.highlight > pre { /* TODO: remove once alabaster is updated */ span.descname, span.descclassname { font-size: 0.95em; -} \ No newline at end of file +} diff --git a/requirements/docs b/requirements/docs index ac7eee1bf..e59d178cf 100644 --- a/requirements/docs +++ b/requirements/docs @@ -6,5 +6,4 @@ pygments pygments-style-github sphinx sphinx_rtd_theme -# NOTE(vytas): pin until we figure out how to deal with the dark mode. -sphinx-tabs < 3.3.0 +sphinx-tabs diff --git a/tox.ini b/tox.ini index 15fc36b74..02cb334be 100644 --- a/tox.ini +++ b/tox.ini @@ -400,7 +400,7 @@ commands = basepython = python3.8 deps = -r{toxinidir}/requirements/docs commands = - sphinx-build -W -E -b html docs docs/_build/html [] + sphinx-build -j auto -W -E -b html docs docs/_build/html [] [testenv:towncrier] deps = -r{toxinidir}/requirements/docs