Style changes

Author: lauzadis

docs/dokka-presets/css/aws-styles.css

@@ -29,8 +29,16 @@
     z-index: 999; /* Ensure it's on top */
 }
 
-@media (max-width: 550px) {
-    .content[data-togglable] {
-        display: none;
-    }
+/*
+    Dokka does not break links or code blocks properly by default. Add word-wrap to prevent left/right scrollbar from
+    appearing on small screens.
+*/
+.main-content a:not([data-name]) {
+    word-wrap: break-word;
+}
+.symbol {
+    overflow-wrap: break-word;
+}
+.keyValue {
+    display: block;
 }

docs/dokka-presets/scripts/accessibility.js

@@ -67,16 +67,3 @@ function applySkipLinks() {
     observer.observe(document.body, observerConfig);
 }
 window.addEventListener('navigationLoaded', applySkipLinks);
-
-/**
- * Ensure that content (specifically, code blocks) reflows on small page sizes.
- * Fixes accessibility violation: "Ensure pages reflow without requiring two-dimensional scrolling without loss of content or functionality"
- */
-function ensureContentReflow() {
-    // Ensure `content` sections are reflowable
-    document.querySelectorAll('.content[data-togglable]').forEach(function(content) {
-        console.log("Adding content.style.display = 'block' to " + content.id)
-        content.style.display = 'block'
-    });
-}
-window.addEventListener('navigationLoaded', ensureContentReflow);