Word break long <a> tag content for mobile browsers (eg: to prevent links that use a long URL as their clickable text from stretching the site layout on small screens).

2019-10-14 13:00:25 -04:00 · 2019-10-14 13:00:25 -04:00 · d24b91437b
parent 5377c8cc12
commit d24b91437b
1 changed files with 9 additions and 0 deletions
--- a/docs/extra.css
+++ b/docs/extra.css
@ -1,3 +1,12 @@
+/**
+ * Word break long <a> tag content for mobile browsers (eg: to prevent links
+ * that use a long URL as their clickable text from stretching the site layout
+ * on small screens).
+ */
+a {
+  overflow-wrap: break-word;
+}
+
 /**
 * Replicate Bootstrap's embed-responsive classes since mkdocs-bootswatch is
 * using an old version of Bootstrap.