NIHVIVO-1316: Adding navigational control for accessing property groups menu from property groups. When users click on the arrow located at the top right part of a property group, this will scroll up to the property groups menu.

webapp/web/css/individual/individual.css

@@ -294,6 +294,7 @@ p.view-all-coauthors{
 }
 /* PROPERTY GROUP------>  */
 .property-group{
+    position: relative;
     clear: both;
     width: 920px;
     border: 1px solid #dfebe5;
@@ -301,7 +302,13 @@ p.view-all-coauthors{
     margin-bottom: 10px;
     background: #fff;
     margin-bottom: 20px;
-    overflow: hidden;
+}
+.scroll-up{
+   position: absolute; 
+   width: 21px;
+   height: 30px;
+   top: 0;
+   right: -21px;
 }
 section.property-group h2{
     padding: 20px 25px 12px 35px;

webapp/web/templates/freemarker/body/partials/individual/individual-properties.ftl

@@ -7,6 +7,7 @@
     <#assign groupname = group.name(nameForOtherGroup)>
     
     <section class="property-group" role="region">
+        <nav class="scroll-up" role="navigation"><a href="#property-nav"><img src="${urls.images}/scroll-up.png" alt="scroll-up" /></a></nav>
    
         <#-- Display the group heading --> 
         <#if groupname?has_content>

webapp/web/templates/freemarker/body/partials/individual/individual-propertyGroupMenu.ftl

@@ -3,6 +3,7 @@
 <#-- Template for property group menu on individual profile page -->
 
 <#assign nameForOtherGroup = nameForOtherGroup!"other">
+<a name="property-nav"></a>
 <nav id="property-group-menus" role="navigation">
     <ul role="list">
         <#list propertyGroups as group>