feat: revised demo

Author: scriptura

page/audioShare.html

@@ -80,7 +80,7 @@
  *   navigator.serviceWorker.addEventListener('message', handler)
  */
 
-const CACHE_NAME = 'v108'
+const CACHE_NAME = 'v110'
 const MEDIA_CACHE_NAME = `media-${CACHE_NAME}`
 const OFFLINE_URL = '/offline.html'
 

page/audioShare2.html

@@ -261,16 +261,6 @@ summary {
   }
 }
 
-/*
-template {
-  display: none; /* @bugfix Add the correct display @affected IE 10+.
-}
-
-[hidden] {
-  display: none; /* @bugfix Add the correct display @affected IE 10.
-}
-*/
-
 iframe {
   overflow: hidden;
   width: 100%;

scripts/development/serviceWorker.js

@@ -19,8 +19,7 @@
 
   &.gap {
     column-gap: var(--gap);
-    /* @note À l'inverse de grid layout, le module columns a besoin des marges pour bien s'implémenter. */
-    margin-block-end: calc(-1 * var(--gap));
+    /* @note column-gap pour les goutières verticales, margin pour les goutières horizontales. */
 
     & > * {
       margin-block-end: var(--gap);