fix search sidebar layout

2026-09-24 00:28:18 +00:00 · 2023-06-20 15:23:52 -04:00
parent de11318873
commit ead82ab5ff
1 changed files with 18 additions and 2 deletions
@@ -44,10 +44,26 @@ const CodeEditorSearchSection = ({ data, onItemClick }: Props) => {
              width="20px"
              height="22px"
              py="3px"
+              flexShrink={ 0 }
            />
            <CodeEditorFileIcon mr="4px" fileName={ fileName }/>
-            <span>{ fileName }</span>
-            <Box className="monaco-count-badge" ml="auto" bgColor={ themeColors['badge.background'] }>{ data.matches.length }</Box>
+            <Box
+              mr="8px"
+              whiteSpace="nowrap"
+              overflow="hidden"
+              textOverflow="ellipsis"
+              textAlign="left"
+            >
+              { fileName }
+            </Box>
+            <Box
+              className="monaco-count-badge"
+              ml="auto"
+              bgColor={ themeColors['badge.background'] }
+              flexShrink={ 0 }
+            >
+              { data.matches.length }
+            </Box>
          </AccordionButton>
          <AccordionPanel p={ 0 }>
            { data.matches.map((match) => (