Mobile-friendly changes [docs]

bboonstra · Oct 22, 2024 · de974b0 · de974b0
1 parent a191af7
commit de974b0
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 5 deletions.
diff --git a/docs/docs/docs.css b/docs/docs/docs.css
@@ -31,6 +31,18 @@ p {
     width: auto;
     max-width: 100%;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    scrollbar-width: thin;
+    scrollbar-color: var(--tertiary-color) transparent;
+}
+
+.command-container::-webkit-scrollbar {
+    height: 8px;
+    width: 8px;
+}
+
+.command-container::-webkit-scrollbar-thumb {
+    background-color: var(--tertiary-color);
+    border-radius: 4px;
 }
 
 .command-container pre,

diff --git a/docs/docs/technical/config.html b/docs/docs/technical/config.html
@@ -143,7 +143,7 @@ <h4 class="method-subheader" method-parameters="">_validate</h4>
                 </div>
             </div>
             <div class="button-container">
-                <a href="effortlessdb.html" class="tab tab-back">EffortlessDB</a>
+                <a href="db.html" class="tab tab-back">EffortlessDB</a>
                 <a href="fields.html" class="tab tab-forward">Fields</a>
             </div>
         </main>

diff --git a/docs/docs/technical/technical.css b/docs/docs/technical/technical.css
@@ -18,8 +18,6 @@
     font-size: 1.4rem;
     margin-top: 1.5rem;
     margin-bottom: 0.5rem;
-    white-space: nowrap;
-    overflow: hidden;
     text-overflow: ellipsis;
     width: fit-content;
 }
@@ -70,8 +68,8 @@
     box-sizing: border-box;
 }
 
-.property > *,
-.method > * {
+.property > *:not(.example-usage),
+.method > *:not(.example-usage) {
     flex: 1 0 auto;
     min-width: 0;
 }
@@ -136,6 +134,10 @@
     }
 }
 
+.command-container {
+    max-width: 80vw !important;
+}
+
 .property:hover,
 .method:hover {
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);