fix: File extension is hidden in file field when editing object in mo…

…dal dialog in data browser (#2472)
parse-community · Jun 30, 2023 · 8df4e4d · 8df4e4d
1 parent a3af032
commit 8df4e4d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/dashboard/Data/Browser/Browser.scss b/src/dashboard/Data/Browser/Browser.scss
@@ -251,3 +251,17 @@ body:global(.expanded) {
   width: calc(100% - 280px);
   float: left;
 }
+
+.editRowDialogFileCell {
+  max-width: 100%;
+  padding: 25px;
+  span {
+    display: flex;
+    span {
+      width: 90%;
+    }
+    & a {
+      position: relative;
+    }
+  }
+} 
diff --git a/src/dashboard/Data/Browser/EditRowDialog.react.js b/src/dashboard/Data/Browser/EditRowDialog.react.js
@@ -354,7 +354,7 @@ export default class EditRowDialog extends React.Component {
           let file = selectedObject[name];
           let fileName = file && file.url() ? getFileName(file) : '';
           inputComponent = (
-            <div style={{ padding: '25px' }}>
+            <div className={[styles.editRowDialogFileCell]}>
               {file && <Pill value={fileName} fileDownloadLink={file.url()} />}
               <div style={{ cursor: 'pointer' }}>
                 <Pill