Update the demo site

yifaneye · May 16, 2021 · 9d9c0b1 · 9d9c0b1
1 parent ea878c5
commit 9d9c0b1
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -11,6 +11,8 @@
 - Enhanced the documentation regarding user-managed slides.
   ([Issue #14](https://github.com/yifaneye/react-gallery-carousel/issues/14))
 
+- Updated the [demo site](https://yifanai.com/rgc).
+
 ## v0.2.1 (2021-05-08)
 
 ### Bug Fixes

diff --git a/example/src/components/Carousel1.js b/example/src/components/Carousel1.js
@@ -18,8 +18,8 @@ const Carousel1 = () => {
           <a href='https://yifanai.com/rgc1'>code</a>
         </h2>
         <p>
-          This example has callback set to update the document title and URL
-          hash on index update; and custom widget positions.
+          This example has custom elements in slides (user-managed slides) using
+          the <code>children</code> prop; and custom widget positions.
         </p>
       </header>
       <div className='carousel-container short'>
@@ -36,11 +36,11 @@ const Carousel1 = () => {
           index={Number(
             indexToTitle.getReversed(window.location.hash.replace('#', ''))
           )}
-          onIndexChange={({ curIndex }) => {
-            const title = indexToTitle.get(curIndex);
-            window.location.hash = title;
-            document.title = `${title} | react-gallery-carousel`;
-          }}
+          // onIndexChange={({ curIndex }) => {
+          //   const title = indexToTitle.get(curIndex);
+          //   window.location.hash = title;
+          //   document.title = `${title} | react-gallery-carousel`;
+          // }} // this callback can be set to update the document title and URL hash on index update
           style={{ userSelect: 'text' }}
         >
           <div className='text-slide'>

diff --git a/src/components/Widgets/Widgets.module.css b/src/components/Widgets/Widgets.module.css
@@ -41,7 +41,6 @@
   padding: 5px;
   opacity: 0.75;
   height: min-content;
-  white-space: pre;
 }
 
 .shadow {