Merge pull request #773 from pkbullock/main-listview

Navigation and contribution links tweak
pnp · Nov 2, 2024 · 988e0ae · 988e0ae
2 parents f65c35d + 7103eb5
commit 988e0ae
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 3 deletions.
diff --git a/docfx/templates/material/styles/docfx.js b/docfx/templates/material/styles/docfx.js
@@ -348,6 +348,12 @@ $(function () {
         $('#navbar ul a.active').parents('li').addClass(active);
         renderBreadcrumb();
         showSearch();
+
+        // if window url is site root then set first item in navbar to active
+        if (window.location.pathname === '/') {
+          $('#navbar ul li:first-child').addClass(active);
+        }
+
       }
 
       function showSearch() {
@@ -1196,4 +1202,10 @@ $(function () {
           $('a:not([data-tab])').click(function (e) { delegateAnchors(e); });
       });
     }
+
+    // Hide the contribution panel on home page, by-tool, by-product pages
+    if (window.location.pathname === '/' || window.location.pathname === '/index.html'  || window.location.pathname === '/by-tool.html' 
+        || window.location.pathname === '/by-product.html' || window.location.pathname === '/compact-view.html') {
+      $('.contribution-panel').hide();
+    }
   });
diff --git a/docfx/templates/material/styles/main.css b/docfx/templates/material/styles/main.css
@@ -178,7 +178,9 @@ article h4 {
   /* Both navbars use box-shadow */
   -webkit-box-shadow: var(--card-box-shadow);
   -moz-box-shadow: var(--card-box-shadow);
-  box-shadow: var(--card-box-shadow);
+  /* box-shadow: var(--card-box-shadow); */
+  box-shadow: 0 0 14px 12px rgb(0 0 0 / 30%);
+  min-height: 65px;
 }
 
 .subnav {
@@ -884,7 +886,7 @@ p.sample-title {
 }
 .github-mark img{
   height: 45px;
-  margin-top: 5px;
+  margin-top: 10px;
 }
 
 /* List view styles */

diff --git a/docfx/templates/material/styles/site.css b/docfx/templates/material/styles/site.css
@@ -209,5 +209,5 @@ ul.github-facts li {
 
 .github-repository{
     font-size: 18px;
-    margin: 5px 10px 0 0;
+    margin: 10px 10px 0 0;
 }