@aarhus-university/au-designsystem-delphinus 1.6.8 → 1.6.9

package/CHANGELOG.md

@@ -1,4 +1,4 @@
-## 1.6.0 - 1-6.7 (May 23, 2024)
+## 1.6.0 - 1.6.9 (May 23, 2024)
 ### Delphinus Projects Updates
 * Omnibus hotfixes for launch
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aarhus-university/au-designsystem-delphinus",
-  "version": "1.6.8",
+  "version": "1.6.9",
   "private": false,
   "scripts": {
     "start": "concurrently \"npm run nodemon\" \"npm run sass\" \"npm run build\"",

package/source/js/omnibus/app.ts

@@ -174,6 +174,7 @@ function updateImageSize(imageContainer, img) {
   const containerHeight = containerWidth * (2 / 3); 
   img.style.width = containerWidth + 'px';
   img.style.height = containerHeight + 'px';
+  img.style.objectFit = 'cover'; 
 
   const src = img.src;
   const src2x = src.replace('.jpg', '@2x.jpg').replace('.png', '@2x.png');
@@ -182,7 +183,7 @@ function updateImageSize(imageContainer, img) {
   fetch(src2x, { method: 'HEAD' })
       .then(response => {
           if (response.ok) {
-              img.setAttribute('srcset', `${src} 1x, ${src2x} 1x`);
+              img.setAttribute('srcset', `${src} 1x, ${src2x} 2x`);
           } else {
               img.setAttribute('srcset', `${src} 1x`);
           }
@@ -210,3 +211,17 @@ window.addEventListener('resize', () => {
       }
   });
 });
+
+// Initial update to set sizes on load
+document.addEventListener('DOMContentLoaded', () => {
+  const containers = document.querySelectorAll('.news-story__normal');
+  
+  containers.forEach(container => {
+      const imageContainer = container.querySelector('.news-story__image-container');
+      const img = imageContainer?.querySelector('img.news-story__image');
+
+      if (img instanceof HTMLImageElement) {
+          updateImageSize(imageContainer, img);
+      }
+  });
+});