How to Reduce line height in web file browser interface?

đź’» Development
#1

Hello.

I have lots of files in nextcloud and like to use web-interface.

But. Is it possible to reduce line height ? I mean rows with folders/files.

1310Ă—753 14.6 KB

In my opinion the lines are very high.

Any ideas, please.
Thank you.

#2

I’d like to know this too :slight_smile:

#3

I use the apps “custom css” and this CSS code. Test it, improve it if you need, debug it if needed too. Take care of Nextcloud update.

  body{--default-font-size:13px;}
#filestable tbody tr {height: 29px;}
table td.filename a.name, table td.filename p.name {line-height: 20px; height: 20px}
input {min-height:16px;}
a.action, a.action-share, a.permanent{padding-top:4px; padding-bottom:4px;}

#fileList tr td.selection > .selectCheckBox + label, .select-all + label {padding-top:4px; padding-bottom:4px;}
#fileList td a a.action {line-height: 20px;}
#fileList td a a.action.action-share {padding-top:0px; padding-bottom:0px;}
#fileList td a a.action.action-menu {padding-top: 0px; padding-bottom: 0px;}


table td.filename .thumbnail-wrapper {width: 0; min-width: 40px; max-width: 50px; height: 20px;}
table td.filename .thumbnail {width: 20px; height: 20px;  background-size: 20px; margin-top: 0px;}
table td.filename .nametext, .modified, .column-last > span:first-child {padding: 4px 0; padding-top: 4px; padding-bottom: 4px;}
table td.filename .nametext{padding: 0; padding-top: 0; padding-bottom: 0;}

td.filename, td.filesize, td.modified, td.selection{height: 28px;}
td.filename, td.filesize, td.modified, td.selection,.selectCheckBox, .checkbox{padding-top:4px; padding-bottom:4px;}