made the nav items change color on hover

pull/2/head
Rebecca Hollis 5 years ago
parent d5e95db8f3
commit d3f9146a92

@ -19,14 +19,14 @@
<div class="fixed-top d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-0 bg-primary border-top shadow-sm"> <div class="fixed-top d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-0 bg-primary border-top shadow-sm">
<a class="navbar-brand text-navbartext my-0 mr-md-auto"> <a class="navbar-brand my-0 mr-md-auto">
<img src="../images/Asset4.png" height="30" class="d-inline-block align-top" <img src="../images/Asset4.png" height="30" class="d-inline-block align-top"
alt="JDSfaulkner logo"> alt="JDSfaulkner logo">
&nbsp;Resource Center &nbsp;Resource Center
</a> </a>
<nav class="my-2 my-md-0 mr-md-3"> <nav class="my-2 my-md-0 mr-md-3">
<div class="helpdropdown"> <div class="helpdropdown">
<a class="p-2 text-navbartext" href="#" role="button" id="helpdropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="-75,4">Help</a> <a class="p-2 navigationitem" href="#" role="button" id="helpdropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="-75,4">Help</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuOffset"> <div class="dropdown-menu" aria-labelledby="dropdownMenuOffset">
<a class="dropdown-item help-menu-item" onclick="help.openHelpOverlay('help-about.html');">About the Resource Center</a> <a class="dropdown-item help-menu-item" onclick="help.openHelpOverlay('help-about.html');">About the Resource Center</a>
<a class="dropdown-item help-menu-item" onclick="help.openHelpOverlay('help-searches.html');">Searches</a> <a class="dropdown-item help-menu-item" onclick="help.openHelpOverlay('help-searches.html');">Searches</a>
@ -38,7 +38,7 @@
</nav> </nav>
<nav class="my-2 my-md-0 mr-md-3"> <nav class="my-2 my-md-0 mr-md-3">
<div class="feedbackdropdown"> <div class="feedbackdropdown">
<a class="p-2 text-navbartext" href="#" role="button" id="feedbackdropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Feedback</a> <a class="p-2 navigationitem" href="#" role="button" id="feedbackdropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Feedback</a>

@ -139,10 +139,26 @@ body {
outline: none; outline: none;
} }
.fixed-top { .navigationitem {
outline: none; outline: none;
color: map-get($theme-colors, navbartext);
} }
.navigationitem:hover {
color: map-get($theme-colors, activetextaccordion);
}
.navbar-brand {
outline: none;
color: map-get($theme-colors, navbarbrandtext);
}
.navbar-brand:hover {
outline: none;
color: map-get($theme-colors, navbarbrandtext);
}
.helpdropdown .dropdown-menu { .helpdropdown .dropdown-menu {
background-color: map-get($theme-colors, menudropdownfill); background-color: map-get($theme-colors, menudropdownfill);
font-size: 15px; font-size: 15px;
@ -184,11 +200,12 @@ body {
} }
.help-menu-item { .help-menu-item {
color: map-get($theme-colors, navbartext) !important; color: map-get($theme-colors, helpmenudropdowntext) !important;
} }
.help-menu-item:hover { .help-menu-item:hover {
color: map-get($theme-colors, activetextaccordion) !important; color: map-get($theme-colors, helpmenudropdowntexthover) !important;
background-color: map-get($theme-colors, helpmenudropdownbghover) !important;
} }
.footer-text { .footer-text {

@ -4,6 +4,7 @@ $theme-colors: (
"success": #808080, "success": #808080,
"info": #2d2d31, "info": #2d2d31,
"warning": #000000, "warning": #000000,
"navbarbrandtext": #9d9d9d,
"navbartext": #808080, "navbartext": #808080,
"navbartextfeather": #303033, "navbartextfeather": #303033,
"navbartextactive": #202022, "navbartextactive": #202022,
@ -19,7 +20,7 @@ $theme-colors: (
"searchbuttonfillfocus": #3e3e45, "searchbuttonfillfocus": #3e3e45,
"searchicon": #737373, "searchicon": #737373,
"searchiconfocus": #878787, "searchiconfocus": #878787,
"sidebartext": #787572, "sidebartext": #7d7d7d,
"sidebarbg": #29292d, "sidebarbg": #29292d,
"webcardimagebackground": #707070, "webcardimagebackground": #707070,
"webcardimagebackgroundhover": #98928F, "webcardimagebackgroundhover": #98928F,
@ -46,6 +47,9 @@ $theme-colors: (
"footerback": #787572, "footerback": #787572,
"footerbackfocus": #787572, "footerbackfocus": #787572,
"footerbackhover": rgba(157, 157, 157, .8), "footerbackhover": rgba(157, 157, 157, .8),
"helpmenudropdowntext": #9d9d9d,
"helpmenudropdowntexthover": #a8a8a8,
"helpmenudropdownbghover": #5c5c66,
); );
.theme-button{ .theme-button{

@ -4,7 +4,8 @@ $theme-colors: (
"success": #0B031C, "success": #0B031C,
"info": #f9f9f9, "info": #f9f9f9,
"warning": #700000, "warning": #700000,
"navbartext": #3f4a5a, "navbartext": #3f4959,
"navbarbrandtext": #3f4a5a,
"navbartextfeather": #080404, "navbartextfeather": #080404,
"navbartextactive": #080404, "navbartextactive": #080404,
"inactivecard": #ffffff, "inactivecard": #ffffff,
@ -18,7 +19,7 @@ $theme-colors: (
"sidebartext": #3f4959, "sidebartext": #3f4959,
"sidebarbg": #e5e5e5, "sidebarbg": #e5e5e5,
"searchbuttonfill": #f6f6f6, "searchbuttonfill": #f6f6f6,
"searchbuttonfillfocus": #f2f2f2, "searchbuttonfillfocus": #f1f1f1,
"searchicon": #3f4959, "searchicon": #3f4959,
"searchiconfocus": #38414f, "searchiconfocus": #38414f,
"webcardimagebackground": #eeeeee, "webcardimagebackground": #eeeeee,
@ -47,6 +48,9 @@ $theme-colors: (
"footerback": #3f4959, "footerback": #3f4959,
"footerbackfocus": #3f4959, "footerbackfocus": #3f4959,
"footerbackhover": #080404, "footerbackhover": #080404,
"helpmenudropdowntext": #3f4a5a,
"helpmenudropdowntexthover": #080404,
"helpmenudropdownbghover": #f2f2f2,
); );
.theme-button{ .theme-button{

Loading…
Cancel
Save