affix language tag when source block scrolls left-to-right

diff --git a/src/css/doc.css b/src/css/doc.css
index 96dae78..4631934 100644 (file)
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -86,15 +86,6 @@
   margin: 0;
 }
 
-.doc pre:not(.highlight),
-.doc pre.highlight code {
-  background-color: #fafafa;
-  box-shadow: inset 0 0 1.75px #ddd;
-  display: block;
-  overflow-x: auto;
-  padding: 0.75rem;
-}
-
 .doc .paragraph,
 .doc .colist,
 .doc .dlist,
@@ -401,7 +392,17 @@
   white-space: pre-wrap;
 }
 
-.doc .listingblock code[data-lang] {
+.doc pre:not(.highlight),
+.doc pre.highlight code {
+  background-color: #fafafa;
+  box-shadow: inset 0 0 1.75px #ddd;
+  display: block;
+  overflow-x: auto;
+  padding: 0.75rem;
+}
+
+/* NOTE assume pre.highlight contains code[data-lang] */
+.doc pre.highlight {
   position: relative;
 }