Merge pull request #37 from uploadcare/fix/unsplash-splide

nd0ut · web-flow · commit fd07f59f94be · 2024-10-03T13:53:04.000+03:00
fix(js-custom-tab): revert back original splide classes
diff --git a/examples/js-custom-tab/package-lock.json b/examples/js-custom-tab/package-lock.json
diff --git a/examples/js-custom-tab/package.json b/examples/js-custom-tab/package.json
@@ -10,11 +10,11 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "@splidejs/splide": "4.1.4",
     "postcss-import": "15.1.0",
     "vite": "4.5.2"
   },
   "dependencies": {
+    "@splidejs/splide": "4.1.4",
     "@uploadcare/file-uploader": "^1.2.0"
   }
 }
diff --git a/examples/js-custom-tab/src/UnsplashSource.js b/examples/js-custom-tab/src/UnsplashSource.js
@@ -130,9 +130,9 @@ export class UnsplashSource extends UploaderBlock {
       </button>
     </uc-activity-header>
     <div class="uc-content">
-      <div ref="slider" class="uc-splide">
-        <div class="uc-splide__track">
-          <ul class="uc-splide__list"></ul>
+      <div ref="slider" class="splide">
+        <div class="splide__track">
+          <ul class="splide__list"></ul>
         </div>
       </div>
     </div>
diff --git a/examples/js-custom-tab/src/unsplash-source.css b/examples/js-custom-tab/src/unsplash-source.css
@@ -46,22 +46,22 @@ uc-unsplash-source .uc-image-slider img {
   flex: 0 0 100%;
 }
 
-uc-unsplash-source .uc-splide {
+uc-unsplash-source .splide {
   width: 100%;
 }
 
-uc-unsplash-source .uc-splide__track {
+uc-unsplash-source .splide__track {
   height: 100%;
 }
 
-uc-unsplash-source .uc-splide__slide {
+uc-unsplash-source .splide__slide {
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
 }
 
-uc-unsplash-source .uc-splide__slide img {
+uc-unsplash-source .splide__slide img {
   height: 100%;
   object-fit: cover;
   flex: 0 1 100%;

Original file line number	Diff line number	Diff line change
`@@ -10,11 +10,11 @@`
`10`	`10`	`"preview": "vite preview"`
`11`	`11`	`},`
`12`	`12`	`"devDependencies": {`
`13`		`- "@splidejs/splide": "4.1.4",`
`14`	`13`	`"postcss-import": "15.1.0",`
`15`	`14`	`"vite": "4.5.2"`
`16`	`15`	`},`
`17`	`16`	`"dependencies": {`
	`17`	`+ "@splidejs/splide": "4.1.4",`
`18`	`18`	`"@uploadcare/file-uploader": "^1.2.0"`
`19`	`19`	`}`
`20`	`20`	`}`
Original file line number	Diff line number	Diff line change
`@@ -46,22 +46,22 @@ uc-unsplash-source .uc-image-slider img {`
`46`	`46`	`flex: 0 0 100%;`
`47`	`47`	`}`
`48`	`48`
`49`		`-uc-unsplash-source .uc-splide {`
	`49`	`+uc-unsplash-source .splide {`
`50`	`50`	`width: 100%;`
`51`	`51`	`}`
`52`	`52`
`53`		`-uc-unsplash-source .uc-splide__track {`
	`53`	`+uc-unsplash-source .splide__track {`
`54`	`54`	`height: 100%;`
`55`	`55`	`}`
`56`	`56`
`57`		`-uc-unsplash-source .uc-splide__slide {`
	`57`	`+uc-unsplash-source .splide__slide {`
`58`	`58`	`display: flex;`
`59`	`59`	`align-items: center;`
`60`	`60`	`justify-content: center;`
`61`	`61`	`overflow: hidden;`
`62`	`62`	`}`
`63`	`63`
`64`		`-uc-unsplash-source .uc-splide__slide img {`
	`64`	`+uc-unsplash-source .splide__slide img {`
`65`	`65`	`height: 100%;`
`66`	`66`	`object-fit: cover;`
`67`	`67`	`flex: 0 1 100%;`