fully working v-for at nav level. Consolidate text-decoration.

This commit is contained in:
Mark Eaton
2022-09-23 21:18:10 -04:00
parent 28de9cd46a
commit 19df6c9529
3 changed files with 21 additions and 20 deletions
+7 -9
View File
@@ -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",
+2 -3
View File
@@ -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;
+12 -8
View File
@@ -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>