Merge pull request #705 from DemocracyLab/ConstrainFilenamesOnProfile

Constrain filenames on profile
DemocracyLab · Jul 29, 2021 · c1c8c20 · c1c8c20
2 parents ec23e41 + 3c61ddd
commit c1c8c20
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/civictechprojects/static/css/partials/_AboutUser.scss b/civictechprojects/static/css/partials/_AboutUser.scss
@@ -53,4 +53,16 @@
 .AboutUser-root .left-column, .AboutUser-root .right-column {
   padding-top: 15px;
   padding-bottom: 15px;
-}
+}
+
+.AboutUser-file-list {
+  display: flex;
+  align-items: center;
+  a {
+    max-width: calc(100%);
+    display: inline-block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
diff --git a/civictechprojects/static/css/styles.scss b/civictechprojects/static/css/styles.scss
@@ -97,4 +97,5 @@
 @import "partials/PositionList";
 @import "partials/LinkList";
 @import "partials/Video";
-@import "partials/FileUploadList";
+@import "partials/FileUploadList";
+
diff --git a/common/components/controllers/AboutUserController.jsx b/common/components/controllers/AboutUserController.jsx
@@ -193,7 +193,7 @@ class AboutUserController extends React.PureComponent<{||}, State> {
       user &&
       user.user_files &&
       user.user_files.map((file, i) => (
-        <div key={i}>
+        <div className="AboutUser-file-list" key={i}>
           <a href={file.publicUrl} target="_blank" rel="noopener noreferrer">
             {this._legibleFileName(file)}
           </a>