fix right sidebar causing filename overflow, fix #18383

1 files changed, 24 insertions, 1 deletions

diff --git a/apps/files/css/files.css b/apps/files/css/files.css
index 4a56490fe0f..fe57e4ef3c3 100644
--- a/apps/files/css/files.css
+++ b/apps/files/css/files.css
@@ -373,30 +373,53 @@ table td.filename .nametext .innernametext {
 	max-width: 47%;
 }
 
-@media only screen and (min-width: 1366px) {
+@media only screen and (min-width: 1500px) {
+	table td.filename .nametext .innernametext {
+		max-width: 790px;
+	}
+	.with-app-sidebar table td.filename .nametext .innernametext {
+		max-width: 390px;
+	}
+}
+@media only screen and (min-width: 1366px) and (max-width: 1500px) {
 	table td.filename .nametext .innernametext {
 		max-width: 660px;
 	}
+	.with-app-sidebar table td.filename .nametext .innernametext {
+		max-width: 290px;
+	}
 }
 @media only screen and (min-width: 1200px) and (max-width: 1366px) {
 	table td.filename .nametext .innernametext {
 		max-width: 500px;
 	}
+	.with-app-sidebar table td.filename .nametext .innernametext {
+		max-width: 230px;
+	}
 }
 @media only screen and (min-width: 1100px) and (max-width: 1200px) {
 	table td.filename .nametext .innernametext {
 		max-width: 400px;
 	}
+	.with-app-sidebar table td.filename .nametext .innernametext {
+		max-width: 230px;
+	}
 }
 @media only screen and (min-width: 1000px) and (max-width: 1100px) {
 	table td.filename .nametext .innernametext {
 		max-width: 310px;
 	}
+	.with-app-sidebar table td.filename .nametext .innernametext {
+		max-width: 230px;
+	}
 }
 @media only screen and (min-width: 768px) and (max-width: 1000px) {
 	table td.filename .nametext .innernametext {
 		max-width: 240px;
 	}
+	.with-app-sidebar table td.filename .nametext .innernametext {
+		max-width: 230px;
+	}
 }
 
 /* for smaller resolutions - see mobile.css */