Fix bubble issue on CHrome

themes/coopgo-theme/assets/sass/coopgo-web-ui-kit/_bubbles.scss

@@ -3,6 +3,7 @@ $bubbleshape: '<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/
 
 .bg-bubble {
     mask-image: url("data:image/svg+xml;charset=utf-8,#{$bubbleshape}");
+    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,#{$bubbleshape}");
 }
 
 .icon-bubble {

themes/coopgo-theme/assets/sass/coopgo-web-ui-kit/_nav.scss

@@ -23,6 +23,18 @@ nav {
                 a {
                     color: inherit;
                     text-decoration: none;
+
+                    img {
+                        height: 1.5em;
+                    }
+                }
+
+                a:hover {
+                    font-weight: bold;
+
+                    img {
+                        height: 1.7em;
+                    }
                 }
             }
         }

themes/coopgo-theme/layouts/_default/list.html

@@ -3,7 +3,7 @@
 {{if (isset .Params "titleimg")}}
 {{$titleimg := resources.Get .Params.titleimg}}
 <div class="bg-primary p-t-100  p-b-100 ta-c">
-    <img class="max-x-300" src="{{$titleimg.Permalink}}" alt="{{.Title}}" />
+    <img class="max-w-300" src="{{$titleimg.Permalink}}" alt="{{.Title}}" />
 </div>
 {{end}}
 

themes/coopgo-theme/layouts/partials/header.html

@@ -23,7 +23,7 @@
             <li>
                 {{ $gotogether := resources.Get "images/gotogether-lemag.svg" }}
                 <a href="/gotogether/">
-                    <img class="h-25" src="{{ $gotogether.Permalink }}" alt="GO TOGETHER le mag" />
+                    <img src="{{ $gotogether.Permalink }}" alt="GO TOGETHER le mag" />
                 </a>
             </li>
             {{ if eq (relURL .URL) ("/" | safeHTML) }}<li><a href="#section4">NOS PROJETS</a></li>{{ end }}