1@media only screen and (max-width: 768px) { 2 3/* don’t require a minimum width for files table */ 4#body-user #filestable { 5 min-width: initial !important; 6} 7 8/* remove padding to let border bottom fill the whole width*/ 9table td { 10 padding: 0; 11} 12/* and accordingly fix left margin of file list summary on mobile */ 13.summary .info { 14 margin-left: 105px; 15} 16 17/* remove shift for multiselect bar to account for missing navigation */ 18table.multiselect thead { 19 padding-left: 0; 20} 21 22#fileList a.action.action-menu img { 23 padding-left: 0; 24} 25 26#fileList .fileActionsMenu { 27 margin-right: 6px; 28} 29/* hide text of the share action on mobile */ 30#fileList a.action-share span { 31 display: none; 32} 33#fileList a.action.action-favorite { 34 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important; 35 opacity: .7 !important; 36} 37#fileList a.action.action-favorite { 38 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)" !important; 39 opacity: .3 !important; 40} 41 42/* ellipsis on file names */ 43table td.filename .nametext .innernametext { 44 max-width: 90%; 45} 46 47/* proper notification area for multi line messages */ 48#notification-container { 49 display: -webkit-box; 50 display: -moz-box; 51 display: -ms-flexbox; 52 display: -webkit-flex; 53 display: flex; 54} 55 56/* shorten elements for mobile */ 57#uploadprogressbar, #uploadprogressbar .label.inner { 58 width: 50px; 59} 60/* hide desktop-only parts */ 61#uploadprogressbar .desktop { 62 display: none !important; 63} 64#uploadprogressbar .mobile { 65 display: block !important; 66} 67 68/* hide mobile table content*/ 69table #headerSize, #headerDate, .filesize, .modified, .date { 70 display: none; 71} 72 73#fileList a.action.action-menu.permanent { 74 padding-right: 14px; 75} 76 77} 78