word-wrap rule links

Author: WaffleLapkin

mdbook-spec/src/rules.rs

@@ -105,9 +105,10 @@ impl Spec {
                 }
                 format!(
                     "<div class=\"rule\" id=\"r-{rule_id}\">\
-                     <a class=\"rule-link\" href=\"#r-{rule_id}\">[{rule_id}]</a>\
+                     <a class=\"rule-link\" href=\"#r-{rule_id}\">[{rule_id_broken}]</a>\
                      {test_html}\
-                     </div>\n"
+                     </div>\n",
+                     rule_id_broken = rule_id.replace(".", "<wbr>."),
                 )
             })
             .to_string()

theme/reference.css

@@ -284,6 +284,8 @@ main > .rule {
     float: right;
     text-align: right;
     padding-right: 10px;
+    /* We add `<wbr>` ourselves and only want breaks there */
+    word-break: keep-all;
     /* Remove the blue coloring of links on rules that mdbook normally sets. */
     color: #999 !important;
 }