fix: floating panel respect namespace margin

tolgee · Mar 5, 2025 · 2b03900 · 2b03900
1 parent 26d03b9
commit 2b03900
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/webapp/src/views/projects/translations/ToolsPanel/FloatingToolsPanel.tsx b/webapp/src/views/projects/translations/ToolsPanel/FloatingToolsPanel.tsx
@@ -33,6 +33,9 @@ export const FloatingToolsPanel = ({ width }: Props) => {
   const languageTag = useTranslationsSelector((c) => c.cursor?.language);
   const languages = useTranslationsSelector((c) => c.languages);
   const [fixedTopDistance, setFixedTopDistance] = useState(0);
+  const firstTranslationHasNamespace = useTranslationsSelector((c) =>
+    Boolean(c.translations?.[0].keyNamespace)
+  );
 
   useEffect(() => {
     function recalculate() {
@@ -72,6 +75,7 @@ export const FloatingToolsPanel = ({ width }: Props) => {
           floatingBannerHeight
         )}px + 100vh)`,
         width,
+        marginTop: firstTranslationHasNamespace ? 7 : 0,
       }}
       ref={containerRef}
     >