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,23 +19,27 @@ cost of greater complexity, writing new applications is not always easy.
</div>
</div>
<div class="row toned-row">
<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>
</div>
<div class="col-lg-2 col-xs-6 col-md-3">
<a class="icon" id="hig" href="application-development/index.html" data-hotdoc-relative-link=true>
Application developer manual
</a>
</div>
<div class="col-lg-2 col-xs-6 col-md-3">
<a class="icon" id="tutorials" href="tutorials/index.html" data-hotdoc-relative-link=true>
Tutorials
</a>
</div>
<div class="col-lg-2 col-xs-6 col-md-3">
<a class="icon" id="deploy" href="deploying/index.html" data-hotdoc-relative-link=true>
Deploying
</a>
<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">
<a class="icon" id="apiref" href="libs.html" data-hotdoc-relative-link=true>API Reference</a>
</div>
<div class="col-lg-2 col-xs-6 col-md-3">
<a class="icon" id="hig" href="application-development/index.html" data-hotdoc-relative-link=true>
Application developer manual
</a>
</div>
<div class="col-lg-2 col-xs-6 col-md-3">
<a class="icon" id="tutorials" href="tutorials/index.html" data-hotdoc-relative-link=true>
Tutorials
</a>
</div>
<div class="col-lg-2 col-xs-6 col-md-3">
<a class="icon" id="deploy" href="deploying/index.html" data-hotdoc-relative-link=true>
Deploying
</a>
</div>
</div>
</div>
</div>

View file

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