From 19df6c952922cc811d460eb3cc7d830a94cc2fe7 Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Fri, 23 Sep 2022 21:18:10 -0400
Subject: [PATCH] fully working v-for at nav level. Consolidate
 text-decoration.

---
 configuration/main.js                      | 16 +++++++---------
 groups/home/LibAnswers-7-js-css.html       |  5 ++---
 groups/home/LibAnswers-SlideOutChat-7.html | 20 ++++++++++++--------
 3 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/configuration/main.js b/configuration/main.js
index 39564d8..98563bc 100644
--- a/configuration/main.js
+++ b/configuration/main.js
@@ -1,7 +1,6 @@
 const navComponent = {
   template:
-  `<ul class="nav navbar-nav" id="navbar-center">
-    <li class="dropdown main-nav-dropdown">
+    `<a>
       <a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
         <div class="caret-text">{{ navkey }}</div>
         <div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div>
@@ -16,8 +15,7 @@ const navComponent = {
           </a>
         </li>
       </ul>
-    </li>
-  </ul>`,
+    </a>`,
   props: ['navmenu', 'navkey']
 }
 
@@ -84,7 +82,7 @@ new Vue({
         }
       ],
       navListOfMenus: { 
-        findIt: [
+        "Find It": [
           {
             link: "https://library.kbcc.cuny.edu/az.php",
             icon: "fas fa-database fa-fw bigger-icon",
@@ -128,7 +126,7 @@ new Vue({
             id: 6
           }
         ],
-        services: [
+        "Services": [
           {
             link: "http://kbcc.cuny.illiad.oclc.org/illiad/logon.html",
             icon: "fas fa-books fa-fw bigger-icon",
@@ -165,7 +163,7 @@ new Vue({
             id: 5
           }
         ],
-        aboutUs: [
+        "About Us": [
           {
             link: "https://library.kbcc.cuny.edu/about-us/directory",
             icon: "fas fa-address-book fa-fw bigger-icon",
@@ -195,7 +193,7 @@ new Vue({
             id: 4
           }
         ],
-        locationAndHours: [
+        "Location & Hours": [
           {
             link: "https://tour.kingsborough.edu/",
             icon: "fas fa-map-marked-alt fa-fw bigger-icon",
@@ -211,7 +209,7 @@ new Vue({
             id: 2
           }
         ],
-        help: [
+        "Help": [
           {
             link: "https://library.kbcc.cuny.edu/askalibrarian",
             icon: "fas fa-book-reader fa-fw bigger-icon",
diff --git a/groups/home/LibAnswers-7-js-css.html b/groups/home/LibAnswers-7-js-css.html
index 341c53e..bb79559 100644
--- a/groups/home/LibAnswers-7-js-css.html
+++ b/groups/home/LibAnswers-7-js-css.html
@@ -11,6 +11,8 @@ body {
         overflow-x: hidden;
 }
 
+a, a:hover { text-decoration: none; }
+
 /* style slide out chat */
 #lcs_slide_out_button-21944 { font-size: 1.5em; }
 
@@ -97,7 +99,6 @@ nav.navbar-default.main-nav-container {
 #dropdownMenu1 { border-radius: 0; }
 a.searchmenu {
         color: var(--text);
-        text-decoration: none;
 }
 .highlight-menu-item { padding: 5px; }
 .highlight-menu-item:hover {
@@ -163,7 +164,6 @@ a.searchmenu {
         margin-bottom: 4px;
         margin-top: 4px;
 }
-a.no-underline { text-decoration: none; }
 .nav-divs-by-jumbotron:hover { background-color: #444; }
 #eq_32886 { 
         background-color: var(--kbccblue);
@@ -265,7 +265,6 @@ a.no-underline { text-decoration: none; }
 }
 .whiteahrefs a:link, .whiteahrefs a:hover, .whiteahrefs a:visited, .whiteahrefs a:active { 
         color: white;
-        text-decoration:none;
 }
 .whiteahrefs a i {
         margin: 4px 5px 0 0;
diff --git a/groups/home/LibAnswers-SlideOutChat-7.html b/groups/home/LibAnswers-SlideOutChat-7.html
index 31c014d..d780fbd 100644
--- a/groups/home/LibAnswers-SlideOutChat-7.html
+++ b/groups/home/LibAnswers-SlideOutChat-7.html
@@ -24,7 +24,7 @@
                                                        </li>
                                                </ul>
                                         </div><!-- end of hamburger container -->
-                                        <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" id="login-div" class="no-underline">
+                                        <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" id="login-div">
                                                <div id="login-text">Login</div>
                                                <div id="login-icon"><i class="fas fa-user"></i></div>
                                         </a>
@@ -48,8 +48,12 @@
                          <div class="row" id="hamburger-alternative">
                                 <div class="col-xs-12">
                                         <nav class="navbar navbar-default main-nav-container">
-                                                <div class="container-fluid" v-for="(navmenu, navkey) in navListOfMenus">
-                                                        <nav-component v-bind:navmenu="navmenu" v-bind:navkey="navkey"></nav-component>
+                                                <div class="container-fluid">
+                                                        <ul class="nav navbar-nav" id="navbar-center">
+                                                                <li v-for="(navmenu, navkey) in navListOfMenus" class="dropdown main-nav-dropdown">
+                                                                        <nav-component v-bind:navmenu="navmenu" v-bind:navkey="navkey"></nav-component>
+                                                                </li>
+                                                        </ul>
                                                 </div><!-- end of container-fluid -->
                                         </nav><!-- end of main-nav-container -->
                                 </div><!-- end of col-xs-12 -->
@@ -131,27 +135,27 @@
                                  <div class="col-sm-4">
                                          <div class="nav-by-jumbotron">
                                                  <a class="ga-by-jumbotron">
-                                                         <div class="nav-divs-by-jumbotron no-underline" id="bookastudyroom">
+                                                         <div class="nav-divs-by-jumbotron" id="bookastudyroom">
                                                                  <h2><button id="eq_32886">Book A Study Room</button></h2>
                                                          </div>
                                                  </a>
-                                                 <a href="https://library.kbcc.cuny.edu/az.php" class="no-underline ga-by-jumbotron">
+                                                 <a href="https://library.kbcc.cuny.edu/az.php" class="ga-by-jumbotron">
                                                          <div class="nav-divs-by-jumbotron">
                                                                  <h2>Databases</h2>
                                                          </div>
                                                  </a>
-                                                 <a href="https://library.kbcc.cuny.edu/guides" class="no-underline ga-by-jumbotron">
+                                                 <a href="https://library.kbcc.cuny.edu/guides" class="ga-by-jumbotron">
                                                          <div class="nav-divs-by-jumbotron">
                                                                  <h2>Research Guides</h2>
                                                          </div>
                                                  </a>
-                                                 <a href="https://kbcc-cuny.libwizard.com/f/feedback" class="no-underline ga-by-jumbotron">
+                                                 <a href="https://kbcc-cuny.libwizard.com/f/feedback" class="ga-by-jumbotron">
                                                          <div class="nav-divs-by-jumbotron">
                                                                  <h2>Send Us Feedback</h2>
                                                          </div>
                                                  </a>
                                                  <!-- hide chat with a librarian 
-                                                 <a class="no-underline chat2" style="cursor: pointer;" onclick="(function() {if (window.document.documentMode || navigator.userAgent.indexOf('Edge/') > -1) { window.location.href = 'http://library.kbcc.cuny.edu/oldbrowser'; return false; } else {window.open('https://kbcc-cuny.libanswers.com/chat/widget/f7d1629a91e178fd0f799322e803b6e7', 'newwindow', 'width=500, height=400, top=100, left=100'); return false;};})()">
+                                                 <a class="chat2" style="cursor: pointer;" onclick="(function() {if (window.document.documentMode || navigator.userAgent.indexOf('Edge/') > -1) { window.location.href = 'http://library.kbcc.cuny.edu/oldbrowser'; return false; } else {window.open('https://kbcc-cuny.libanswers.com/chat/widget/f7d1629a91e178fd0f799322e803b6e7', 'newwindow', 'width=500, height=400, top=100, left=100'); return false;};})()">
                                                          <div class="nav-divs-by-jumbotron">
                                                                  <h2>Chat with a Librarian!</h2>
                                                          </div>