Merge pull request #472 from jolevesq/460-css

fix(swiper): Bas class restric moving swiper (#472)
fgpv-vpgf · Dec 13, 2022 · 09d6bcd · 09d6bcd
2 parents 06f3907 + e395b3f
commit 09d6bcd
Show file tree

Hide file tree

Showing 7 changed files with 4,215 additions and 3,227 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/swiper/package-lock.json b/swiper/package-lock.json
diff --git a/swiper/package.json b/swiper/package.json
@@ -39,12 +39,12 @@
         "file-loader": "6.2.0",
         "mini-css-extract-plugin": "1.6.0",
         "sass": "1.32.13",
-        "sass-loader": "11.1.1",
+        "sass-loader": "^13.2.0",
         "ts-loader": "5.3.2",
         "typescript": "4.1.2",
         "url-loader": "4.1.1",
-        "webpack": "^5.37.1",
-        "webpack-cli": "^4.7.0",
-        "webpack-dev-server": "^4.3.0"
+        "webpack": "^5.68.0",
+        "webpack-cli": "^4.9.2",
+        "webpack-dev-server": "^4.7.4"
     }
 }
diff --git a/swiper/src/index.ts b/swiper/src/index.ts
@@ -141,6 +141,11 @@ export default class Swiper {
             });
 
             swipeWidget.startup();
+
+            const items = document.getElementsByClassName('rv-symbol-graphic');
+            for (let i = 0; i < items.length; i++) {
+                (items[i] as HTMLElement).style.pointerEvents = 'none';
+            };
         }
 
         catch (err) {

diff --git a/swiper/src/main.scss b/swiper/src/main.scss
@@ -7,12 +7,14 @@ $accent-color: #fff;
     position: absolute;
     width: 100%;
     height: 100%;
+    pointer-events: all;
 
     .handleContainer {
         position:relative;
         width: 100%;
         height: 100%;
         z-index: 1;
+        pointer-events: all;
     }
 
     .vertical:before {
@@ -135,4 +137,9 @@ $accent-color: #fff;
         filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
         opacity: 0.75;
     }
+
+    .horizontal:hover {
+        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
+        opacity: 0.75;
+    }
 }
diff --git a/swiper/src/samples/swiper-index.html b/swiper/src/samples/swiper-index.html
@@ -16,7 +16,7 @@
             }
         </style>
 
-        <link rel="stylesheet" href="../../fgpv/rv-styles.css" />
+        <link rel="stylesheet" type="text/css" href="https://viewer-visualiseur.services.geo.ca/apps/RAMP/fgpv/fgpv-3.3.5/rv-styles.css" />
         <link rel="stylesheet" href="../swiper.css" />
         <script src="../swiper.js"></script>
     </head>
@@ -29,6 +29,7 @@
                     <option value="swiper-horizontal-config.json">02. Horizontal</option>
                     <option value="swiper-osdp1-config.json">03. OSDP use case 1</option>
                     <option value="swiper-osdp2-config.json">04. OSDP use case 2</option>
+                    <option value="swiper-osdp3-config.json">05. OSDP use case 3</option>
                 </select>
             </div>
         </section>
@@ -103,6 +104,6 @@
         </script>
 
         <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=default,Object.entries,Object.values,Array.prototype.find,Array.prototype.findIndex,Array.prototype.values,Array.prototype.includes,HTMLCanvasElement.prototype.toBlob,String.prototype.repeat,String.prototype.codePointAt,String.fromCodePoint,NodeList.prototype.@@iterator,Promise,Promise.prototype.finally"></script>
-        <script src="../../fgpv/rv-main.js"></script>
+        <script src="https://viewer-visualiseur.services.geo.ca/apps/RAMP/fgpv/fgpv-3.3.5/rv-main.js"></script>
     </body>
 </html>