search

vsajip / sphinx_sizzle_theme

This is a theme for Sphinx. It was inspired by the Guzzle theme, but has diverged quite a bit.
https://docs.red-dove.com/sphinx_sizzle_theme/
Other
4 stars 1 forks source link

class container conflicts with bootsrap.css #2

Closed vsajip closed 5 years ago

vsajip commented 5 years ago

Original report by Indian Sunset (Bitbucket: idnsunset, GitHub: idnsunset).

RST like

.. code-block:: none
   :caption: ...

   ...

produces a div with class container:

<div class="literal-block-wrapper docutils container">
  <div class="code-block-caption"></div>
  <div class="highlight-none notranslate"></div>
</div>

which conflicts with the .container style settings in bootstrap.css. It may increases the width of the element and triggers the horizontal scrollbar.

I managed to fix this by adding

.container.docutils {
  padding: 0;
  margin: 0;
  width: inherit;
  max-width: inherit;
}
.container.docutils:before,
.container.docutils:after {
  display: none;
  clear: none;
}

in a custom css file.

vsajip commented 5 years ago

Fixed #2: Updated CSS to disambiguate Bootstrap's container class from docutils'.

vsajip commented 5 years ago

Original changes by Vinay Sajip (Bitbucket: vinay.sajip, GitHub: vsajip).

changed state from "new" to "resolved"