scroll to the edit form when selecting a row

diff --git a/css/admin.min.css b/css/admin.min.css
index b112b32..ce9ac21 100644 (file)
--- a/css/admin.min.css
+++ b/css/admin.min.css
@@ -1 +1 @@
-#map-area-container{padding:10px}#map-area-container #new-area-section{max-width:800px;background-color:white}#map-area-container #new-area-section .input-container{margin-bottom:0;padding:0 10px 0 10px}#map-area-container #new-area-section .input-container input.area-name{margin:10px 10px 0 0px}#map-area-container #new-area-section .input-container input.area-name+label{top:15px !important}#map-area-container #new-area-section .map-page-selection .select-wrapper .dropdown-content.select-dropdown li:not(:first-child){line-height:1;min-height:20px}#map-area-container #new-area-section .map-page-selection .select-wrapper .dropdown-content.select-dropdown li:not(:first-child) span,#map-area-container #new-area-section .map-page-selection .select-wrapper .dropdown-content.select-dropdown li:not(:first-child) a{line-height:1;padding:2px 10px}#map-area-container #new-area-section .map-color-selection{margin-top:20px}#map-area-container #new-area-section .map-color-selection label{margin-left:15px;font-size:16px}#map-area-container #list-header{padding:5px;background-color:#003366;color:white}#map-area-container #list-header .area-header{color:inherit;max-width:555px}#map-area-container #area-list .record-container{margin-bottom:0px}#map-area-container #area-list .record-container .area-record{padding:5px;background-color:white;align-items:center}#map-area-container #area-list .record-container .area-record:hover{cursor:pointer;background-color:#f8f8f8}#map-area-container #area-list .record-container .area-record .area-record-delete{position:relative;right:15px}#map-area-container #area-list .record-container .area-record .area-record-delete:hover{cursor:pointer}#map-area-container #area-list .record-container:nth-child(even) .area-record{background-color:#E0F7F7}#area-update{margin-top:10px;float:right;margin-left:10px}#area-reset{margin-top:10px;background-color:rgba(244,67,54,0.8);display:none}.edit-field{background-color:rgba(30,202,162,0.3) !important}.error-field{background-color:rgba(244,67,54,0.3) !important}
+#map-area-container{padding:10px}#map-area-container #new-area-section{max-width:800px;background-color:white}#map-area-container #new-area-section .input-container{margin-bottom:0;padding:0 10px 0 10px}#map-area-container #new-area-section .input-container input.area-name{margin:10px 10px 0 0px}#map-area-container #new-area-section .input-container input.area-name+label{top:15px !important}#map-area-container #new-area-section .map-page-selection .select-wrapper .dropdown-content.select-dropdown li:not(:first-child){line-height:1;min-height:20px}#map-area-container #new-area-section .map-page-selection .select-wrapper .dropdown-content.select-dropdown li:not(:first-child) span,#map-area-container #new-area-section .map-page-selection .select-wrapper .dropdown-content.select-dropdown li:not(:first-child) a{line-height:1;padding:2px 10px}#map-area-container #new-area-section .map-color-selection{margin-top:20px}#map-area-container #new-area-section .map-color-selection label{margin-left:15px;font-size:16px}#map-area-container #list-header{padding:5px;background-color:#003366;color:white}#map-area-container #list-header .area-header{color:inherit;max-width:555px}#map-area-container #area-list .record-container{margin-bottom:0px}#map-area-container #area-list .record-container .area-record{padding:5px;background-color:white;align-items:center}#map-area-container #area-list .record-container .area-record:hover{cursor:pointer;background-color:#f8f8f8}#map-area-container #area-list .record-container .area-record .area-record-delete{position:relative;right:15px}#map-area-container #area-list .record-container .area-record .area-record-delete:hover{cursor:pointer}#map-area-container #area-list .record-container:nth-child(even) .area-record{background-color:#E0F7F7}.area-buttons{padding-bottom:10px !important}.area-buttons #area-update{margin-top:10px;float:right;margin-left:10px}.area-buttons #area-reset{margin-top:10px;background-color:rgba(244,67,54,0.8);margin-bottom:10px;display:none}.edit-field{background-color:rgba(30,202,162,0.3) !important}.error-field{background-color:rgba(244,67,54,0.3) !important}

diff --git a/sass/admin/_settings.scss b/sass/admin/_settings.scss
index 8fc7734..e57411a 100644 (file)
--- a/sass/admin/_settings.scss
+++ b/sass/admin/_settings.scss
@@ -74,16 +74,22 @@
         }
     }
 }
-#area-update{
-    margin-top: 10px;
-    float: right;
-    margin-left: 10px;
-}
-#area-reset{
-    margin-top: 10px;
-    background-color: rgba(244, 67, 54, 0.8);
-    display: none;
+.area-buttons{
+    padding-bottom: 10px !important;
+    #area-update{
+        margin-top: 10px;
+        float: right;
+        margin-left: 10px;
+        
+    }
+    #area-reset{
+        margin-top: 10px;
+        background-color: rgba(244, 67, 54, 0.8);
+        margin-bottom: 10px;
+        display: none;
+    }
 }
+
 .edit-field{
     background-color: rgba(30, 202, 162, 0.3) !important;
 }

diff --git a/views/admin/settings/mapSettings.html b/views/admin/settings/mapSettings.html
index a8ad7fd..d4dd760 100644 (file)
--- a/views/admin/settings/mapSettings.html
+++ b/views/admin/settings/mapSettings.html
@@ -35,7 +35,7 @@
                 </div>
             </div>
             <div class="s12 l5 col" style="max-width: 300px;">
-                <div class="row input-container">     
+                <div class="row input-container area-buttons">     
                     <button id="area-update" class="btn" data-option="add">Add Area</button>
                     <button id="area-reset" class="btn" data-option="add">Nevermind</button>
                 </div>
@@ -136,7 +136,7 @@
             resetForm();
         });
 
-        $(document).on("click", ".area-record",function(){
+        $(document).on("click", ".area-record",function(e){
             var id          = $(this).data('id');
             var area_name   = $(this).find($('.area-record-name')).text();
             var area_page   = $(this).find($('.area-record-page')).text();
@@ -154,12 +154,18 @@
             data.hover_color = hover_color;
             data.option = "update";
             $("#area-reset").fadeIn("slow");
+            e.preventDefault();
+            $("body, html").animate({
+                scrollTop: $("#new-area-section")
+            } /* speed */ );
         });
         $(document).on("click", "#area-reset",function(){
             resetForm();
             $(this).fadeOut("fast");
             $('#area-update').text("Add Area");
         });
+   
+
         // Initial page load list population
         (function(){
             data.option = 'list';