Merge pull request 'Item to media link. CSS fixes' (#50) from develop into main

Reviewed-on: #50

asset/scss/modules/_navigation.scss

@@ -8,13 +8,11 @@
 }
 .hero {
   @include breakpoint(small) {
-    aside {
       nav {
         .dropdown.menu > li > a {
-          padding: $global-menu-padding/2;
+          padding: $global-menu-padding/2 $global-menu-padding/2;
         }
       }
-    }
   }
   @include breakpoint(medium) {
     aside {

package-lock.json

@@ -924,9 +924,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001236",
+      "version": "1.0.30001312",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001236.tgz",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001312.tgz",
-      "integrity": "sha512-o0PRQSrSCGJKCPZcgMzl5fUaj5xHe8qA2m4QRvnyY4e1lITqoNkr7q/Oh1NcpGSy0Th97UZ35yoKcINPoq7YOQ==",
+      "integrity": "sha512-Wiz1Psk2MEK0pX3rUzWaunLTZzqS2JYZFzNKqAiJGiuxIjRPLgV6+VDPOg6lQOUxmDwhTlh198JsTTi8Hzw6aQ==",
       "dev": true
     },
     "caseless": {

view/omeka/site/item/show.phtml

@@ -47,18 +47,25 @@ $("#archive_page_title").html('<?php echo $_html ?>');
 </div>
 <?php endif; ?>
 
+<!-- code to link directly to media
+<div class="resource">
+  <a class="resource-link" href="< ?= $media->originalUrl(); ?>">
+    <img src="< ?= $media->thumbnailUrl("square"); ?>" />
+    <span class="resource-name">
+      < ?= $media->displayTitle(); ?>
+    </span>
+  </a>
+</div>
+-->
+
+
 <?php if (!$embedMedia && $itemMedia): ?>
 <div class="media-list" style="display: flex;">
     <?php foreach ($itemMedia as $media): ?>
+      <div class="resource">
         <?php echo $media->linkPretty(); ?>
-        <div class="resource">
+        <!-- include code to link directly to media here -->
-          <a class="resource-link" href="<?= $media->originalUrl(); ?>">
+    </div>
-            <img src="<?= $media->thumbnailUrl("square"); ?>" />
-            <span class="resource-name"> 
-              <?= $media->displayTitle(); ?>
-            </span>
-          </a>
-        </div>
     <?php endforeach; ?>
 </div>
 <?php endif; ?>