Add iiif logo to the link display in share

avalonmediasystem · Jul 1, 2024 · dc2d2d5 · dc2d2d5
1 parent a554c15
commit dc2d2d5
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 1 deletion.
diff --git a/app/assets/images/iiif-logo.svg b/app/assets/images/iiif-logo.svg
diff --git a/app/javascript/components/Ramp.scss b/app/javascript/components/Ramp.scss
@@ -198,6 +198,10 @@
     }
   }
 
+  .iiif-manifest-logo {
+    width: 1.5em;
+  }
+
   @media (max-width: 585px) {
     .ramp--tabs-panel {
       padding-top: 1rem;

diff --git a/app/views/media_objects/_share_resource.html.erb b/app/views/media_objects/_share_resource.html.erb
@@ -30,7 +30,7 @@ Unless required by applicable law or agreed to in writing, software distributed
         <% end %>
       </div>
       <div class="form-group">
-        <label for="link-object-manifest">IIIF Manifest</label>
+        <label for="link-object-manifest">IIIF Manifest</label><img src="<%= asset_path('iiif-logo.svg') %>" alt="IIIF Logo SVG" class="iiif-manifest-logo ml-1">
         <input type="text" class="col-md-12 form-control" id="link-object-manifest" value="<%= manifest_media_object_url(@media_object.id) %>" 
           placeholder="<%= manifest_media_object_url(@media_object.id) %>" onClick="this.select();" readonly="readonly">
       </div>