Merge pull request #1192 from readthedocs/nienn/fix-list-classifier-css

Fix #1190: Add classifier separation on html4 writer
readthedocs · Aug 12, 2021 · 7500f33 · 7500f33
2 parents f0e90ac + 2ea3d2a
commit 7500f33
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/sphinx_rtd_theme/static/css/theme.css b/sphinx_rtd_theme/static/css/theme.css
diff --git a/src/sass/_theme_rst.sass b/src/sass/_theme_rst.sass
@@ -270,6 +270,15 @@
   .hlist
     width: 100%
 
+  // Definition lists term/classifier separator
+  // Adds a separator for Sphinx > 1.x as a pseudo-element
+  // and hides the hardcoded separator from Sphinx 1.x
+  dl dt span.classifier
+    &:before
+      content: " : "
+  dl dt span.classifier-delimiter
+    display: none !important
+
   // The html4 writer outputs the citation and footnotes as a table, and the
   // html5 writer outputs these as a definition list. We will use the fairly
   // well supported css `grid` attribute to make these back into a table
@@ -288,9 +297,6 @@
         vertical-align: top
   // HTML5 writer
   html.writer-html5 &
-    dl dt span.classifier
-      &:before
-        content: " : "
     dl.footnote,
     dl.field-list
       display: grid