From 791484a46ca54cb84a3261d69c8b8f301784a67c Mon Sep 17 00:00:00 2001
From: pengx17 <pengxiao@outlook.com>
Date: Fri, 24 Jan 2025 05:06:59 +0000
Subject: [PATCH] fix(core): some style issues (#9875)

fix AF-2158, AF-2159

It seems the input hack for modal is no longer needed
---
 .../components/auth-components/password-input/style.css.ts | 7 ++++---
 .../component/src/components/auth-components/share.css.ts  | 1 +
 .../src/desktop/dialogs/collection-editor/rules-mode.tsx   | 6 ------
 3 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/packages/frontend/component/src/components/auth-components/password-input/style.css.ts b/packages/frontend/component/src/components/auth-components/password-input/style.css.ts
index 738f7ba8ba..7df202a679 100644
--- a/packages/frontend/component/src/components/auth-components/password-input/style.css.ts
+++ b/packages/frontend/component/src/components/auth-components/password-input/style.css.ts
@@ -1,13 +1,14 @@
 import { cssVar } from '@toeverything/theme';
 import { style } from '@vanilla-extract/css';
 export const statusWrapper = style({
-  marginLeft: 8,
-  marginRight: 10,
+  position: 'absolute',
+  right: 10,
 });
 export const tag = style({
   padding: '2px 15px',
   height: 20,
-  lineHeight: '20px',
+  display: 'inline-flex',
+  alignItems: 'center',
   borderRadius: 10,
   fontSize: cssVar('fontXs'),
   selectors: {
diff --git a/packages/frontend/component/src/components/auth-components/share.css.ts b/packages/frontend/component/src/components/auth-components/share.css.ts
index 511fc6edc2..c145edc64c 100644
--- a/packages/frontend/component/src/components/auth-components/share.css.ts
+++ b/packages/frontend/component/src/components/auth-components/share.css.ts
@@ -208,6 +208,7 @@ export const signInPageContainer = style({
 });
 export const input = style({
   width: '330px',
+  position: 'relative',
   '@media': {
     'screen and (max-width: 520px)': {
       width: '100%',
diff --git a/packages/frontend/core/src/desktop/dialogs/collection-editor/rules-mode.tsx b/packages/frontend/core/src/desktop/dialogs/collection-editor/rules-mode.tsx
index 44885dc155..633b4498e8 100644
--- a/packages/frontend/core/src/desktop/dialogs/collection-editor/rules-mode.tsx
+++ b/packages/frontend/core/src/desktop/dialogs/collection-editor/rules-mode.tsx
@@ -96,12 +96,6 @@ export const RulesMode = ({
 
   return (
     <>
-      {/*prevents modal autofocus to the first input*/}
-      <input
-        type="text"
-        style={{ width: 0, height: 0 }}
-        onFocus={e => requestAnimationFrame(() => e.target.blur())}
-      />
       <Tooltip content={tips}>
         <div className={clsx(styles.rulesTitle, styles.ellipsis)}>{tips}</div>
       </Tooltip>