Additional changes for sm mobile responsiveness

osori-db · Oct 22, 2023 · 899c072 · 899c072
1 parent 7d86c88
commit 899c072
Show file tree

Hide file tree

Showing 5 changed files with 46 additions and 13 deletions.
diff --git a/_includes/homepage_content.html b/_includes/homepage_content.html
@@ -51,7 +51,7 @@
                 <a href="{% tl contribution-guide %}" class="links-item fs-4">{% t title.contributionGuide %}</a>
             </div>
         </div>
-        <div class="links-section">
+        <div class="links-section third-section">
             <div>
                 <img src="../assets/images/ic_feature_license.png" class="mr-1 links-header-icon">
                 <a href="{% tl license %}" class="links-header fs-5">{% t title.license %}</a>

diff --git a/_sass/color_schemes/dark_theme.scss b/_sass/color_schemes/dark_theme.scss
@@ -149,6 +149,6 @@ a {
     background-color: $body-background-color !important;
 }
 
-.site-button > .icon {
-    color: #00efff !important;
+.site-button > .icon, .home-menu-button > .icon {
+    color: $teal !important;
 }
diff --git a/_sass/color_schemes/light_theme.scss b/_sass/color_schemes/light_theme.scss
@@ -111,4 +111,8 @@ $hover-sidebar-links-color: #ebedf5;
 
 .main-header {
     background-color: $white !important;
+}
+
+.home-menu-button > .icon {
+    color: $white;
 }
diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
@@ -326,10 +326,6 @@ main+hr {
     padding-left: 0.6rem !important;
 }
 
-.breadcrumb-nav {
-    margin-top: 0.625rem;
-}
-
 @media (min-width: 1065px) and (max-width: 75rem) {
     .main {
         max-width: calc(100vw - 27rem);
@@ -386,6 +382,14 @@ main+hr {
     .main-header {
         margin-bottom: 6rem;
     }
+
+    .breadcrumb-nav {
+        margin-top: 0.938rem;
+    }
+
+    .site-title {
+        padding: 0.938rem 2rem 0rem 1.563rem;
+    }
 }
 
 @media (max-width: 75rem) {
@@ -433,6 +437,10 @@ main+hr {
     .open-source-count {
         font-size: 2rem !important;
     }
+
+    .banner {
+        height: 34rem;
+    }
 }
 
 @media (min-width: 50rem) and (max-width: 66.5rem) {
@@ -443,6 +451,10 @@ main+hr {
     .open-source-count {
         font-size: 1.875rem !important;
     }
+
+    .banner {
+        height: 30rem;
+    }
 }
 
 @media (max-width: 1134px) {
@@ -472,15 +484,32 @@ main+hr {
         font-size: 0.875rem !important;
     }
 
-    .homepage-dropdown-content {
-        right: 4rem;
-    }
-
     .homepage-links-container {
         padding: 3rem 2.5rem 4rem 2.5rem;
     }
 
     .open-source-count {
-        font-size: 1.875rem !important;
+        font-size: 1.75rem !important;
+    }
+
+    .banner {
+        height: 29rem;
+    }
+
+    .open-source-div {
+        padding: 1.438rem;
+    }
+
+    .project-icon-div {
+        height: 35px;
+        align-self: center;
+    }
+
+    .links-section {
+        width: 50%;
+    }
+
+    .third-section {
+        margin-top: 4rem;
     }
 }
diff --git a/assets/js/just-the-docs.js b/assets/js/just-the-docs.js
@@ -634,7 +634,7 @@ jtd.onReady(function(){
 })(window.jtd = window.jtd || {});
 
 window.onload = (event) => {
-  var tempIsSearchEnabled = document.getElementById('is-search-enabled').value != 'false';
+  var tempIsSearchEnabled = document.getElementById('is-search-enabled').value;
   var isSearchEnabled = false;
 
   if (tempIsSearchEnabled && tempIsSearchEnabled.value && tempIsSearchEnabled.value != 'false') {