CSS for old-skool display of attached files in the forum

[Sandman]

A while back we had a short discussion of the new way files are displayed in the forum, after an upgrade:

Library download number not visible

Hovering over a library doesn't now show the number of downloads if they are more than 99

www.b4x.com

You know, like this:

I've been annoyed by this "improvement" since we got it. Most days I don't care, but today something snapped in me so I took half an hour to solve it.

This is what it looks like now, for me:

I did this by adding a short piece of custom css using a plugin in my browser. If there's enough interest, and Erel likes it, it's probably possible to add it to the forum so all members get this automatically without anybody needing a plugin. I haven't tested this more than ten minutes or so, but it seems to work just fine and I don't really expect any weird side-effects.

.attachmentList {
display: inline;
}

.file {
height: 30px !important;
}

.file-info {
color: #141414;
background: #fff;
text-shadow: none;
height: 2.5em;
line-height: 1.5;
}

.file-name {
display: inline;
font-weight: bold;
}

.file-name::before {
content: "?";
font-size: 20px;
padding-right: 5px;
vertical-align: -3px;
}

.file-meta {
display: inline;
margin-left: 5px;
}

.file-meta::before {
content: " (";
margin-right: -2px;
}

.file-meta::after {
content: ")";
margin-left: -2px;
}

.file-info:hover, .file--linked:hover .file-info, .has-touchevents .file-info {
height: 2.5em;
}

 

[Sandman]

Update: I cleaned up some overly sloppy css. (Which made it even shorter.)

 

[Peter Simpson]

This is absolutely excellent Enter @Sandman

View attachment 127041

I totally agree that the updated way of display files is not exactly great, but it's still usable. This is an excellent solution/improvement to an annoying problem.

Cheers ?