#2512 - visibility threshold is set to 1 for the right and left toolbars

epam · May 11, 2023 · 951d5db · 951d5db
1 parent edd2dfa
commit 951d5db
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/ketcher-react/src/script/ui/views/toolbars/LeftToolbar/LeftToolbar.module.less b/packages/ketcher-react/src/script/ui/views/toolbars/LeftToolbar/LeftToolbar.module.less
@@ -43,6 +43,8 @@
 }
 
 .groupItem {
+  margin: 2px 0;
+
   // TODO: move to action button styles, when all buttons will have same style
   svg {
     right: 2px;

diff --git a/packages/ketcher-react/src/script/ui/views/toolbars/RightToolbar/RightToolbar.tsx b/packages/ketcher-react/src/script/ui/views/toolbars/RightToolbar/RightToolbar.tsx
@@ -50,8 +50,8 @@ type Props = RightToolbarProps & RightToolbarCallProps
 const RightToolbar = (props: Props) => {
   const { className, ...rest } = props
   const { active, onAction, freqAtoms } = rest
-  const [startRef, startInView] = useInView({ threshold: 0.95 })
-  const [endRef, endInView] = useInView({ threshold: 0.8 })
+  const [startRef, startInView] = useInView({ threshold: 1 })
+  const [endRef, endInView] = useInView({ threshold: 1 })
   const sizeRef = useRef() as MutableRefObject<HTMLDivElement>
   const scrollRef = useRef() as MutableRefObject<HTMLDivElement>