chore: fix footer layout (#479)

microsoft · Apr 22, 2024 · d04901e · bmac-55 · Jun 3, 2024 · d04901e
1 parent e258e00
commit d04901e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -9,22 +9,22 @@
 
     <div class="container">
         <div class="row">
-            <div class="col-sm-10">
+            <div class="col-sm-8">
                 <ul class="links">
                     <li>
                         <span class="message">Hello from Seattle and Zürich.</span>
                     </li>
-                    <li>
+                    <li class="github-button-container">
                         <a class="github-button" href="https://github.com/Microsoft/debug-adapter-protocol" data-icon="octicon-star" data-show-count="true" aria-label="Star Microsoft/debug-adapter-protocol on GitHub">Star</a>
                     </li>
-                    <li>
+                    <li class="github-button-container">
                         <a class="github-button" href="https://github.com/Microsoft/debug-adapter-protocol/subscription" aria-label="Watch Microsoft/debug-adapter-protocol on GitHub">Watch</a>
                     </li>
                 </ul>
             </div>
-            <div class="col-sm-2">
+            <div class="col-sm-4">
                 <ul class="links">
-                    <li style="display: none;" >
+                    <li style="visibility: hidden;" >
                         <a id="footer-cookie-link" style="cursor: pointer; padding-right:20px" onclick="manageConsent()"
                             aria-label="Manage cookies">Manage cookies</a>
                     </li>
@@ -36,7 +36,7 @@
                                     <img src="{{site.baseurl}}/img/microsoft-logo-inverted.png" height="20" alt="Microsoft">
                                 </picture>
                             </a>
-                            <span>© 2021 Microsoft</span>
+                            <span>© 2024 Microsoft</span>
                         </div>
                     </li>
                 </ul>

diff --git a/css/main.scss b/css/main.scss
@@ -378,6 +378,10 @@ pre[class=highlight] {
 		padding: 0;
 	}
 
+	.github-button-container {
+		vertical-align: middle;
+	}
+
 	.message {
 		display: inline-block;
 		padding-right: 10px;
@@ -395,7 +399,7 @@ pre[class=highlight] {
 			padding-bottom: 10px;
 
 			@media (min-width: 576px) {
-				display: inline-block;
+				display: inline-flex;
 				padding: 0;
 			}
 		}

diff --git a/js/page.js b/js/page.js
@@ -38,7 +38,7 @@ $(function() {
 
   const cookieManager = document.querySelector('#footer-cookie-link');
   if (consentRequired() && cookieManager && cookieManager.parentElement) {
-    cookieManager.parentElement.style.display = '';
+    cookieManager.parentElement.style.visibility = 'visible';
   }
 
   // initialize consent