fix: bi-directional links show button overlapping with database view settings

blocksuite/affine/data-view/src/widget-presets/tools/presets/view-options/view-options.ts

@@ -74,7 +74,13 @@ export class DataViewHeaderToolsViewOptions extends WidgetBase {
   };
 
   openMoreAction = (target: PopupTarget) => {
-    popViewOptions(target, this.dataViewLogic);
+    popViewOptions(
+      {
+        ...target,
+        root: document.body,
+      },
+      this.dataViewLogic
+    );
   };
 
   override render() {

packages/frontend/core/src/blocksuite/block-suite-editor/styles.css.ts

@@ -21,6 +21,8 @@ export const affineEdgelessDocViewport = style({
 
 export const docContainer = style({
   display: 'block',
+  position: 'relative',
+  zIndex: 1,
   selectors: ['generating', 'finished', 'error'].reduce<
     NonNullable<StyleRule['selectors']>
   >((rules, state) => {

packages/frontend/core/src/desktop/dialogs/setting/index.tsx

@@ -15,7 +15,7 @@
 import { GlobalContextService } from '@affine/core/modules/global-context';
 import { createIsland, type Island } from '@affine/core/utils/island';
 import { ServerDeploymentType } from '@affine/graphql';
-import { Trans, useTranslation } from '@affine/i18n';
+import { Trans } from '@affine/i18n';
 import { ContactWithUsIcon } from '@blocksuite/icons/rc';
 import { FrameworkScope, useLiveData, useService } from '@toeverything/infra';
 import { debounce } from 'lodash-es';
@@ -72,12 +72,10 @@
     scrollAnchor: initialScrollAnchor,
   });
   const globalContextService = useService(GlobalContextService);
-  const { i18n } = useTranslation('translation');
 
   const currentServerId = useLiveData(
     globalContextService.globalContext.serverId.$
   );
-  const currentLanguageKey = i18n.resolvedLanguage ?? i18n.language;
   const serversService = useService(ServersService);
   const defaultServerService = useService(DefaultServerService);
   const currentServer =
@@ -196,7 +194,7 @@
   }, [settingState]);
   return (
     <FrameworkScope
       key={`setting-modal-${currentServerId}-${currentLanguageKey}`}
       scope={currentServer.scope}
     >
       <SettingSidebar