Toolbar styles fixes

Marcin Wojciechowski · Marcin Wojciechowski · commit aa0b30a516da · 2020-12-03T12:09:58.000+01:00
diff --git a/src/controls/toolbar/Toolbar.module.scss b/src/controls/toolbar/Toolbar.module.scss
@@ -3,7 +3,7 @@
   border-width: 1px;
   margin-top: 0;
   margin-bottom: 0;
-  height: "3rem";
+  height: 3rem!important;
   min-width: 0;
 
   &:focus:before {
@@ -18,12 +18,12 @@
 }
 
 .inFlowToolbarItemBox {
-  width: "1rem";
-  display: "inline-flex";
-  justify-content: "center";
-  align-items: "center";
+  width: 1rem;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
 
   @media (min-width: 640px) {
-    margin-right: ".5rem",
+    margin-right: .5rem,
   }
 }
diff --git a/src/controls/toolbar/Toolbar.tsx b/src/controls/toolbar/Toolbar.tsx
@@ -116,6 +116,9 @@ export const Toolbar = (props: IToolbarProps) => {
                       setFiltersOpen(false);
                     }
                   }
+                  else{
+                    setOverflowOpen(false);
+                  }
                 }}
                 getOverflowItems={(startIndex) =>
                   overflowToolbarItems.slice(startIndex)
@@ -151,7 +154,7 @@ export const Toolbar = (props: IToolbarProps) => {
                     }
                     else {
                       setFiltersOpen(false);
-                      setOverflowOpen(!false);
+                      setOverflowOpen(false);
                     }
                   }}
                   onSelectedFiltersChange={props.onSelectedFiltersChange}

Original file line number	Diff line number	Diff line change
`@@ -116,6 +116,9 @@ export const Toolbar = (props: IToolbarProps) => {`
`116`	`116`	`setFiltersOpen(false);`
`117`	`117`	`}`
`118`	`118`	`}`
	`119`	`+ else{`
	`120`	`+ setOverflowOpen(false);`
	`121`	`+ }`
`119`	`122`	`}}`
`120`	`123`	`getOverflowItems={(startIndex) =>`
`121`	`124`	`overflowToolbarItems.slice(startIndex)`
`@@ -151,7 +154,7 @@ export const Toolbar = (props: IToolbarProps) => {`
`151`	`154`	`}`
`152`	`155`	`else {`
`153`	`156`	`setFiltersOpen(false);`
`154`		`- setOverflowOpen(!false);`
	`157`	`+ setOverflowOpen(false);`
`155`	`158`	`}`
`156`	`159`	`}}`
`157`	`160`	`onSelectedFiltersChange={props.onSelectedFiltersChange}`