Minor fixes for mobile view

Christian Scherm · Christian Scherm · commit 1dbe500b9104 · 2019-07-25T14:33:06.000+02:00
Adjust the padding of .filesize
diff --git a/apps/files/css/files.css b/apps/files/css/files.css
@@ -405,7 +405,7 @@ table td.filename .nametext {
 	left: 55px;
 	padding: 0;
 	overflow: hidden;
-	text-overflow: ellipsis;
+	text-overflow: clip;
 	max-width: 800px;
 	height: 100%;
 }
@@ -718,7 +718,7 @@ html.ie8 .column-mtime .selectedActions {
 }
 
 #fileList .filesize {
-	padding: 0 15px 0 60px;
+	padding: 0 15px 0 40px;
 }
 
 #fileList .popovermenu {
diff --git a/apps/files/css/mobile.css b/apps/files/css/mobile.css
@@ -21,7 +21,7 @@ table.multiselect thead {
 
 /* restrict length of displayed filename to prevent overflow */
 table td.filename .nametext {
-	width: 100%;
+	width: 130px;
 }
 
 #fileList a.action.action-menu img {
@@ -46,7 +46,7 @@ table td.filename .nametext {
 
 /* ellipsis on file names */
 table td.filename .nametext .innernametext {
-	max-width: 50%;
+	max-width: 80%;
 }
 
 /* proper notification area for multi line messages */
@@ -70,4 +70,4 @@ table td.filename .nametext .innernametext {
 	display: block !important;
 }
 
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -405,7 +405,7 @@ table td.filename .nametext {`
`405`	`405`	`left: 55px;`
`406`	`406`	`padding: 0;`
`407`	`407`	`overflow: hidden;`
`408`		`- text-overflow: ellipsis;`
	`408`	`+ text-overflow: clip;`
`409`	`409`	`max-width: 800px;`
`410`	`410`	`height: 100%;`
`411`	`411`	`}`
`@@ -718,7 +718,7 @@ html.ie8 .column-mtime .selectedActions {`
`718`	`718`	`}`
`719`	`719`
`720`	`720`	`#fileList .filesize {`
`721`		`- padding: 0 15px 0 60px;`
	`721`	`+ padding: 0 15px 0 40px;`
`722`	`722`	`}`
`723`	`723`
`724`	`724`	`#fileList .popovermenu {`
Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ table.multiselect thead {`
`21`	`21`
`22`	`22`	`/* restrict length of displayed filename to prevent overflow */`
`23`	`23`	`table td.filename .nametext {`
`24`		`- width: 100%;`
	`24`	`+ width: 130px;`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`#fileList a.action.action-menu img {`
`@@ -46,7 +46,7 @@ table td.filename .nametext {`
`46`	`46`
`47`	`47`	`/* ellipsis on file names */`
`48`	`48`	`table td.filename .nametext .innernametext {`
`49`		`- max-width: 50%;`
	`49`	`+ max-width: 80%;`
`50`	`50`	`}`
`51`	`51`
`52`	`52`	`/* proper notification area for multi line messages */`
`@@ -70,4 +70,4 @@ table td.filename .nametext .innernametext {`
`70`	`70`	`display: block !important;`
`71`	`71`	`}`
`72`	`72`
`73`		`-}`
	`73`	`+}`