Merge pull request #189 from MITLibraries/gdt-319-restructure-access-links

Consolidate full record access links in sidebar

Author: jazairi

app/assets/stylesheets/partials/_record.scss

@@ -5,12 +5,15 @@
   }
 
   .access-button-container {
-    margin-top: 2.6rem;
-    .access-button {
+    .access-button,
+    .metadata-link {
+      display: block;
       font-weight: $fw-bold;
       text-align: center;
       padding-top: 1rem;
       padding-bottom: 1rem;
+    }
+    .access-button {
       .auth-notice {
         &::before {
           font-family: FontAwesome;
@@ -22,6 +25,9 @@
         display: block;
       }
     }
+    .metadata-link {
+      margin-top: 1rem;
+    }
   }
   .hidden-md {
     @media (max-width: $bp-screen-md) {
@@ -36,8 +42,7 @@
        display: none;
     }
   }
-  .section-title,
-  .metadata-link {
+  .section-title {
     margin-top: 1.4em;
   }
 }
@@ -61,3 +66,7 @@
     }
   }
 }
+
+.access-sidebar {
+  padding-top: 3%;
+}

app/views/record/_access_button.html.erb renamed to app/views/record/_access_buttons.html.erb

@@ -1,6 +1,6 @@
 <% return if @record.blank? %>
 
-<div class="access-button-container <%= display %>">
+<div class="access-button-container">
   <% if access_type(@record) == 'no authentication required' %>
     <a class="btn button-primary access-button" href="<%= gis_access_link(@record) %>">Download geodata files</a>
   <% elsif access_type(@record) == 'MIT authentication required' %>
@@ -13,4 +13,10 @@
       View <%= @record['provider'] %> record
     </a>
   <% end %>
+  <% if access_type(@record) != 'unknown: check with owning institution' &&
+        source_metadata_available?(@record['links']) %>
+    <a class="btn button-secondary metadata-link" href="<%= source_metadata_link(@record['links']) %>">
+      Download full metadata
+    </a>
+  <% end %>
 </div>

app/views/record/_record_geo.html.erb

@@ -124,14 +124,6 @@
       <% end %>
       </ul>
     <% end %>
-
-    <div class="record-access-links">
-      <% if access_type(@record) != 'unknown: check with owning institution' && source_metadata_available?(@record['links']) %>
-        <a class="btn button-secondary metadata-link"
-           href="<%= source_metadata_link(@record['links']) %>">Download full metadata</a>
-      <% end %>
-      <%= render partial: 'access_button', locals: { display: 'view-md' } %> 
-    </div>
   </main>
 
   <%= render('sidebar') %>

app/views/record/_sidebar.html.erb

@@ -1,5 +1,5 @@
 <% if Flipflop.enabled?(:gdt) %>
-  <div role="region" aria-label="Access link and additional information" class="col1q-r sidebar">
+  <div role="region" aria-label="Access links and additional information" class="col1q-r sidebar access-sidebar">
 <% else %>
   <aside class="col1q-r sidebar">
 <% end %>
@@ -13,7 +13,8 @@
   <% end %>
 
   <% if Flipflop.enabled?(:gdt) && access_type(@record) && gis_access_link(@record) %>
-    <%= render partial: 'access_button', locals: { display: 'hidden-md' } %>
+    <h2 class="title hd-4">Access links</h2>
+    <%= render partial: 'access_buttons' %>
   <% end %>
 
    <%= render partial: 'shared/ask', locals: { display: '' } %>