Release 2.2.2

fix lazy loading + css fix

See merge request geovisio/website!97

CHANGELOG.md

@@ -7,6 +7,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Before _0.1.0_, website development was on rolling release, meaning there are no version tags.
 
+## [2.2.2] - 2023-10-16
+
+### Changed
+
+- fix lazy loading on imgs
+- fix css to the license link
+
 ## [2.2.1] - 2023-10-16
 
 ### Changed
@@ -100,7 +107,8 @@ Before _0.1.0_, website development was on rolling release, meaning there are no
 - Header have now a new entry `Mes photos` when the user is logged to access to the sequence list
 - The router guard for logged pages has been changed to not call the api to check the token
 
-[unreleased]: https://gitlab.com/geovisio/website/-/compare/2.2.1...develop
+[unreleased]: https://gitlab.com/geovisio/website/-/compare/2.2.2...develop
+[2.2.1]: https://gitlab.com/geovisio/website/-/compare/2.2.1...2.2.2
 [2.2.1]: https://gitlab.com/geovisio/website/-/compare/2.2.0...2.2.1
 [2.2.0]: https://gitlab.com/geovisio/website/-/compare/2.1.3...2.2.0
 [2.1.3]: https://gitlab.com/geovisio/website/-/compare/2.1.2...2.1.3

package.json

@@ -1,6 +1,6 @@
 {
   "name": "geovisio-website",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "engines": {
     "node": "18.16.0"
   },

src/components/License.vue

@@ -1,20 +1,22 @@
 <template>
   <div class="icon-block">
     <slot></slot>
-    <p class="license-text">
-      {{
-        $t('pages.share_pictures.information_text2', {
-          word: 'la licence'
-        })
-      }}
-    </p>
-    <Link
-      :href="url"
-      :text="text"
-      target="_blank"
-      type="external"
-      look="link--grey"
-    />
+    <div class="text-block">
+      <p class="license-text">
+        {{
+          $t('pages.share_pictures.information_text2', {
+            word: 'la licence'
+          })
+        }}
+      </p>
+      <Link
+        :href="url"
+        :text="text"
+        target="_blank"
+        type="external"
+        look="link--grey"
+      />
+    </div>
   </div>
 </template>
 
@@ -31,6 +33,11 @@ defineProps({
   display: flex;
   font-weight: 600;
 }
+.text-block {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
 .license-text {
   font-weight: bold;
   margin-right: toRem(0.5);

src/views/MySequencesView.vue

@@ -84,7 +84,7 @@
               <img
                 v-if="item['stats:items'].count > 0"
                 :src="`${item.href}/thumb.jpg`"
-                lazy="loading"
+                loading="lazy"
                 alt=""
                 class="thumb"
               />
@@ -92,7 +92,7 @@
                 <img
                   v-if="item['stats:items'].count > 0"
                   :src="`${item.href}/thumb.jpg`"
-                  lazy="loading"
+                  loading="lazy"
                   alt=""
                   class="thumb-hover"
                 />

src/views/SharePicturesView.vue

@@ -282,7 +282,12 @@ ul {
 .entry-information-card {
   margin-top: toRem(2);
 }
+.icon-block {
+  display: flex;
+  align-items: center;
+}
 .icon-block-img {
+  height: toRem(2);
   margin-right: toRem(0.5);
 }
 .about-subtitle {