added dynamic properties menu shading

diff --git a/css/app.css b/css/app.css
index bc0a83f..ee6cec2 100644 (file)
--- 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 (file)
--- 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 (file)
--- 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 (file)
--- 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;