Restyle Globus button (#259)

pulibrary · Mar 25, 2022 · 1974121 · 1974121
1 parent ad1ae0f
commit 1974121
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 8 deletions.
diff --git a/app/assets/images/globus_logo.png b/app/assets/images/globus_logo.png
diff --git a/app/assets/stylesheets/modules/downloads.scss b/app/assets/stylesheets/modules/downloads.scss
@@ -14,10 +14,11 @@
       }
     }
   }
+}
 
-  &__button.lux-button.solid[data-v-b7851b04] {
-    width: max-content;
-    float: right;
-    font-weight: $font-weight-bold;
-  }
+.globus_button {
+  margin-top: 15px;
+  background-color: #335a95; /* Globus blue */
+  width: max-content;
+  float: right;
 }
diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
@@ -196,9 +196,11 @@ def render_globus_download(uri, item_id)
     return if uri.nil?
     html = <<-HTML
     <div id="globus">
-      <button data-v-b7851b04="" type="button" class="document-downloads__button lux-button solid medium">
-        #{link_to('Download from Globus', uri, target: '_blank', title: 'opens in a new tab', rel: 'noopener noreferrer', class: 'globus-download-link', data: { item_id: item_id })}
-        <i class="bi bi-cloud-arrow-down-fill"></i>
+      <button type="button" class="globus_button lux-button solid medium">
+        <a href="#{uri}" title="Opens in a new tab" class="globus-download-link"
+          target="_blank" rel="noopener noreferrer" data-item-id="#{item_id}">
+          #{image_tag('globus_logo.png', width: '20')} Download from Globus
+        </a>
       </button>
     </div>
     HTML