- Fix suggested text overflow

- Hide import mode, just confusing
raindropio · Feb 20, 2025 · 3cb3efc · 3cb3efc
1 parent 94ce852
commit 3cb3efc
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/src/co/bookmarks/edit/form/collection/suggested.js b/src/co/bookmarks/edit/form/collection/suggested.js
@@ -31,7 +31,7 @@ function Suggestion({ id, onClick }) {
             tabIndex='-1'
             title={fullPath}
             onClick={onClick}>
-            <span className={s.path}>{shortPath}</span>
+            <div className={s.path}><span>{shortPath}</span></div>
         </Button>
     )
 }

diff --git a/src/co/bookmarks/edit/form/collection/suggested.module.styl b/src/co/bookmarks/edit/form/collection/suggested.module.styl
@@ -35,6 +35,12 @@
     overflow: clip
     direction: rtl
     text-align: left
+    text-overflow: ellipsis
+
+    span {
+        direction: ltr
+        unicode-bidi: bidi-override
+    }
 }
 
 .suggestion {

diff --git a/src/routes/settings/import/index.js b/src/routes/settings/import/index.js
@@ -10,7 +10,7 @@ import { Header } from '~co/screen/splitview/main'
 import { Title, Space } from '~co/common/header'
 
 import File from './file'
-import Mode from './mode'
+// import Mode from './mode'
 import Parcel from './parcel'
 import Help from './help'
 
@@ -42,7 +42,7 @@ export default function Import() {
 				<Helmet><title>{t.s('import')}</title></Helmet>
 
 				<File />
-				<Mode />
+				{/* <Mode /> */}
 				<Parcel />
 			</Layout>
 		</>