Merge pull request #46 from backdrop-contrib/fix-long-headings

Fix long headings overflow content
backdrop-contrib · Sep 12, 2022 · 21557f3 · 21557f3
2 parents c1f9390 + 83cf9cd
commit 21557f3
Showing 1 changed file with 19 additions and 3 deletions.
diff --git a/css/tocbot-style.css b/css/tocbot-style.css
@@ -1,15 +1,31 @@
 .js-toc-block {
   position: relative;
 }
-.is-position-fixed{
+.js-toc-block.is-position-fixed {
   top: 80px;
 }
-.toc-list-item{
+.toc-list-item {
   list-style-type: none;
 }
 .toc-link {
   text-decoration: none;
 }
-.toc-link::before{
+.toc-link::before {
   height: 2rem;
 }
+
+@media (min-width: 48em) {
+  .js-toc-block.is-position-fixed {
+    max-width: 150px;
+  }
+}
+@media (min-width: 62em) {
+  .js-toc-block.is-position-fixed {
+    max-width: 210px;
+  }
+}
+@media (min-width: 75em) {
+  .js-toc-block.is-position-fixed {
+    max-width: 259px;
+  }
+}