update buttons and add coming soon message

LACMTA · Aug 15, 2024 · dc5b6d9 · dc5b6d9
1 parent 633a734
commit dc5b6d9
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/designSystem.css b/designSystem.css
@@ -73,17 +73,21 @@ a:hover, a:active {
     padding: 0;
     display: flex;
     flex-direction: row;
+    flex-grow: 1;
     gap: 20px;
 }
 
 .nav-buttons__button {
     margin: 0;
     padding: 12px;
+    display: flex;
+    justify-content: center;
     flex: 1;
     text-align: center;
     align-items: center;
     flex-direction: column;
-    gap: 8px;
+    /* gap: 8px; */
+    gap: 0px;
     border-radius: 12px;
     outline: 1px solid #E4E4E7;
     background: #FFF;

diff --git a/index.html b/index.html
@@ -80,7 +80,7 @@ <h1>Alerts & Advisories</h1>
                     <img src="img/elevator-black.svg" alt="elevator icon">
                 </div>
                 <div class="nav-buttons__button-text">
-                    Accessibility
+                    Elevator & Escalator
                 </div>
             </div>
         </div>

diff --git a/script.js b/script.js
@@ -426,6 +426,11 @@ function updateAccessView() {
     let alertList = document.querySelector("#alert-list__content");
     alertList.innerHTML = '';
 
+    // temporarily show a 'coming soon message'
+    alertList.innerHTML = `<div class="alert-item">Coming soon!</div>`;
+    return;
+    // end of temporary message
+
     let service = getServiceSelected();
     let nowvsLater = getStatusSelected();