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

Sandman

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

You know, like this:
1648221758256.png


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:

1648221838791.png


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.

CSS for old-skool display of attachments:
.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;
}
 
Last edited:

Sandman

Expert
Licensed User
Longtime User
Update: I cleaned up some overly sloppy css. (Which made it even shorter.)
 
Top