Add scrolling overflow to code examples (#215)

This introduces a top margin to the highlight class block, which doesn't seem to respond to style overrides without calling it important.
readthedocs · Aug 9, 2023 · 05d6091 · 05d6091
1 parent 56a014a
commit 05d6091
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/readthedocs_theme/static/css/site.css b/readthedocs_theme/static/css/site.css
diff --git a/src/sui/themes/rtd-site/globals/site.overrides b/src/sui/themes/rtd-site/globals/site.overrides
@@ -28,6 +28,12 @@
   padding-top: 250px;
 }
 
+// TODO move this to common theme
+.ui.ui.ui.inverted.segment > div.highlight {
+  margin-top: 1rem;
+  overflow-x: scroll;
+}
+
 // Article styles for docutils reST and Markdown
 .ui.docutils.container,
 .ui.docutils.segment {