From 29ba62affc63b8a8a961c5b1f9959d8b493167f3 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Thu, 3 Dec 2015 11:09:59 -0500 Subject: [PATCH] added dynamic properties menu shading --- css/app.css | 5 +---- js/app.js | 13 +++++++++++++ js/custom/pageSetup.js | 13 +++++++++++++ scss/_topbar.scss | 2 -- 4 files changed, 27 insertions(+), 6 deletions(-) diff --git a/css/app.css b/css/app.css index bc0a83f..ee6cec2 100644 --- a/css/app.css +++ b/css/app.css @@ -6807,10 +6807,7 @@ header .searchform input[type="submit"]:hover { width: 245px; height: 40px; border-left: 2px solid #FFFFFF; - border-right: 2px solid #FFFFFF; - box-shadow: 0px -7px 10px -9px rgba(0, 0, 0, 0.5) inset; } - #properties .top-bar .top-bar-section ul#menu-properties li:hover { - box-shadow: none; } + border-right: 2px solid #FFFFFF; } #properties .top-bar .top-bar-section ul#menu-properties li a { color: #6c4f53; text-transform: uppercase; diff --git a/js/app.js b/js/app.js index 7b643e1..fb8cdce 100644 --- a/js/app.js +++ b/js/app.js @@ -208,4 +208,17 @@ $(document).ready(function () { return $(this).text().replace(/(<([^>]+)>)/ig, ""); }); + // add box shadow dynamically to properties menu. Difficult with css since li are children + $("#properties .top-bar .top-bar-section ul#menu-properties li ul.dropdown li a").mouseover(function () { + $("#properties .top-bar .top-bar-section ul#menu-properties li a").css("box-shadow", "none"); + }); + $("#properties .top-bar .top-bar-section ul#menu-properties #menu-item-120 > a").mouseover(function () { + $("#properties .top-bar .top-bar-section ul#menu-properties li a").css("box-shadow", "none"); + }); + $("#properties .top-bar .top-bar-section ul#menu-properties #menu-item-120 > a").mouseout(function () { + $("#properties .top-bar .top-bar-section ul#menu-properties #menu-item-120 > a").css("box-shadow", "0px -7px 10px -9px rgba(0, 0, 0, 0.5) inset"); + }); + $("#properties .top-bar .top-bar-section ul#menu-properties li ul.dropdown li a").mouseout(function () { + $("#properties .top-bar .top-bar-section ul#menu-properties #menu-item-120 > a").css("box-shadow", "0px -7px 10px -9px rgba(0, 0, 0, 0.5) inset"); + }); }); diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js index b131efc..7ee6200 100644 --- a/js/custom/pageSetup.js +++ b/js/custom/pageSetup.js @@ -199,4 +199,17 @@ $(document).ready(function () { return $(this).text().replace(/(<([^>]+)>)/ig, ""); }); + // add box shadow dynamically to properties menu. Difficult with css since li are children + $("#properties .top-bar .top-bar-section ul#menu-properties li ul.dropdown li a").mouseover(function () { + $("#properties .top-bar .top-bar-section ul#menu-properties li a").css("box-shadow", "none"); + }); + $("#properties .top-bar .top-bar-section ul#menu-properties #menu-item-120 > a").mouseover(function () { + $("#properties .top-bar .top-bar-section ul#menu-properties li a").css("box-shadow", "none"); + }); + $("#properties .top-bar .top-bar-section ul#menu-properties #menu-item-120 > a").mouseout(function () { + $("#properties .top-bar .top-bar-section ul#menu-properties #menu-item-120 > a").css("box-shadow", "0px -7px 10px -9px rgba(0, 0, 0, 0.5) inset"); + }); + $("#properties .top-bar .top-bar-section ul#menu-properties li ul.dropdown li a").mouseout(function () { + $("#properties .top-bar .top-bar-section ul#menu-properties #menu-item-120 > a").css("box-shadow", "0px -7px 10px -9px rgba(0, 0, 0, 0.5) inset"); + }); }); diff --git a/scss/_topbar.scss b/scss/_topbar.scss index 79e56d1..a145e57 100644 --- a/scss/_topbar.scss +++ b/scss/_topbar.scss @@ -463,9 +463,7 @@ height: 40px; border-left: 2px solid $white; border-right: 2px solid $white; - box-shadow: 0px -7px 10px -9px rgba(0, 0, 0, 0.5) inset; &:hover{ - box-shadow: none; } a { color: $purple; -- 2.17.1