scroll fix

README.md

@@ -88,6 +88,7 @@ npm start
 | :------------- | :------ | :---------------------------------------------------------------------------------------------------- |
 | viewMode       | enum    | Specifies the time scale. Hour, Quarter Day, Half Day, Day, Week(ISO-8601, 1st day is Monday), Month. |
 | viewDate       | date    | Specifies display date and time for display.                                                          |
+| preStepsCount  | number  | Specifies empty space before the fist task                                                            |
 | locale         | string  | Specifies the month name language. Able formats: ISO 639-2, Java Locale.                              |
 | rtl            | boolean | Sets rtl mode.                                                                                        |
 

example/src/App.tsx

@@ -66,7 +66,7 @@ const App = () => {
   };
 
   return (
-    <div>
+    <div className="Wrapper">
       <ViewSwitcher
         onViewModeChange={viewMode => setView(viewMode)}
         onViewListChange={setIsChecked}

example/src/index.css

@@ -1,3 +1,6 @@
+.Wrapper {
+  margin-bottom: 2rem;
+}
 .ViewContainer {
   list-style: none;
   -ms-box-orient: horizontal;

src/components/other/horizontal-scroll.module.css

@@ -4,9 +4,9 @@
   /*firefox*/
   scrollbar-width: thin;
   /*iPad*/
-  height: 1.1rem;
+  height: 1.2rem;
 }
-/*.scrollWrapper::-webkit-scrollbar {
+.scrollWrapper::-webkit-scrollbar {
   width: 1.1rem;
   height: 1.1rem;
 }
@@ -27,7 +27,7 @@
   background-clip: padding-box;
 }
 @media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
-}*/
+}
 .scroll {
   height: 1px;
 }

src/components/other/vertical-scroll.module.css

@@ -1,6 +1,6 @@
 .scroll {
   overflow: hidden auto;
-  width: 17px;
+  width: 1rem;
   flex-shrink: 0;
   /*firefox*/
   scrollbar-width: thin;

src/components/other/vertical-scroll.tsx

@@ -29,7 +29,7 @@ export const VerticalScroll: React.FC<{
       style={{
         height: ganttHeight,
         marginTop: headerHeight,
-        marginLeft: rtl ? "" : "-17px",
+        marginLeft: rtl ? "" : "-1rem",
       }}
       className={styles.scroll}
       onScroll={onScroll}