fix infinite rendering and responsive issue

appium · Aug 19, 2024 · 56984b0 · 56984b0
1 parent 17dfb42
commit 56984b0
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 15 deletions.
diff --git a/app/common/public/locales/da/translation.json b/app/common/public/locales/da/translation.json
@@ -283,6 +283,5 @@
   "invalidCapType": "Invalid capability type: {{type}}",
   "whitespaceDetected": "Text Starts and/or Ends With Whitespace",
   "pcloudyCredentialsRequired": "pCloudy username and api key are required!",
-  "duplicateCapabilityNameError": "A capability set with the same name already exists",
-  "searchInPageSource": "Search in page source"
+  "duplicateCapabilityNameError": "A capability set with the same name already exists"
 }
diff --git a/app/common/public/locales/en/translation.json b/app/common/public/locales/en/translation.json
@@ -283,5 +283,6 @@
   "invalidCapType": "Invalid capability type: {{type}}",
   "whitespaceDetected": "Text Starts and/or Ends With Whitespace",
   "pcloudyCredentialsRequired": "pCloudy username and api key are required!",
-  "duplicateCapabilityNameError": "A capability set with the same name already exists"
+  "duplicateCapabilityNameError": "A capability set with the same name already exists",
+  "searchInPageSource": "Search in page source"
 }
diff --git a/app/common/renderer/components/Inspector/Inspector.jsx b/app/common/renderer/components/Inspector/Inspector.jsx
@@ -324,14 +324,16 @@ const Inspector = (props) => {
                         </span>
                       }
                       extra={
-                        <Row>
-                          <Input
-                            size="middle"
-                            allowClear
-                            placeholder={t('searchInPageSource')}
-                            onChange={(e) => setPageSourceSearchText(e.target.value)}
-                            prefix={<SearchOutlined />}
-                          />
+                        <Row wrap={false}>
+                          <div className={InspectorStyles['inspector-source-tree-search-input']}>
+                            <Input
+                              size="middle"
+                              allowClear
+                              placeholder={t('searchInPageSource')}
+                              onChange={(e) => setPageSourceSearchText(e.target.value)}
+                              prefix={<SearchOutlined />}
+                            />
+                          </div>
                           <Tooltip title={t('Toggle Attributes')}>
                             <Button
                               type="text"

diff --git a/app/common/renderer/components/Inspector/Inspector.module.css b/app/common/renderer/components/Inspector/Inspector.module.css
@@ -73,10 +73,6 @@
   height: 100%;
 }
 
-.inspector-main .interaction-tab-container :global(.ant-input-affix-wrapper) {
-  width: 200px;
-}
-
 .inspector-main .interaction-tab-container {
   position: relative;
   flex-grow: 1;
@@ -748,3 +744,7 @@
   color: #272625;
   background: #b6d932;
 }
+
+.inspector-source-tree-search-input {
+  max-width: 200px;
+}