docs-index: de-hardcode toned row color

Instead use a bootstrap panel and let styling occur based on that,
making the index page work well with the dark theme.

Part-of: <https://gitlab.freedesktop.org/gstreamer/gstreamer/-/merge_requests/4488>
This commit is contained in:
Mathieu Duponchelle 2023-04-25 01:39:41 +02:00
parent 8e9db20a3b
commit 3868771191
2 changed files with 22 additions and 19 deletions

View file

@ -19,7 +19,9 @@ cost of greater complexity, writing new applications is not always easy.
</div> </div>
</div> </div>
<div class="row toned-row"> <div class="panel">
<div class="panel-body">
<div class="row toned-row">
<div class="col-lg-2 col-lg-offset-2 col-xs-6 col-md-3"> <div class="col-lg-2 col-lg-offset-2 col-xs-6 col-md-3">
<a class="icon" id="apiref" href="libs.html" data-hotdoc-relative-link=true>API Reference</a> <a class="icon" id="apiref" href="libs.html" data-hotdoc-relative-link=true>API Reference</a>
</div> </div>
@ -38,4 +40,6 @@ cost of greater complexity, writing new applications is not always easy.
Deploying Deploying
</a> </a>
</div> </div>
</div>
</div>
</div> </div>

View file

@ -31,7 +31,6 @@ h1, h2, h2, h3, h4, h5 {
} }
.toned-row { .toned-row {
background-color: #dfdfdf;
margin: 3em -15px 3em -15px; margin: 3em -15px 3em -15px;
padding: 3em; padding: 3em;
text-align: center; text-align: center;