Merge pull request #64 from nujovich/fix-file-section-nav

Enhance file section when file name is too big
anomic30 · Oct 7, 2022 · 3b19193 · 3b19193
2 parents 0ffc5dc + c4e8174
commit 3b19193
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 7 deletions.
diff --git a/client/src/components/file-desc/Desc.css b/client/src/components/file-desc/Desc.css
@@ -22,6 +22,12 @@
     cursor: pointer;
 }
 
+.butter-bar p:not(#back){
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .glass-desc-con{
     width: 100%;
     height: 100%;
@@ -53,6 +59,9 @@
     font-family:PolySans Neutral;
     font-size: 30px;
     color: white;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 
@@ -120,8 +129,17 @@
     margin: 15px;
 }
 
+.outline-desc-desc{
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .key-desc{
-    word-break: break-all;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
     color:white;
     margin: 15px 0;
 }
@@ -277,9 +295,3 @@
     }
 
 }
-
-@media screen and (max-width: 1440px) {
-    .file-name{
-        word-break: break-all;
-    }
-}
diff --git a/client/src/pages/myFiles/MyFiles.css b/client/src/pages/myFiles/MyFiles.css
@@ -68,6 +68,9 @@
 
 #first-col{
     width: 70%;
+    word-wrap: break-word;
+    word-break: break-all;
+    white-space: normal;
 }
 
 tbody img{