The Nov 2023 Cohost Following view, with a little less going on in the list of users.
Cohost Following (Compact) by sudocurse
Details
Authorsudocurse
LicenseNo License
Categorycohost
Created
Updated
Size1.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
this is just a draft i quickly whipped up.
I took out a lot of padding to the point where the user icons stack. I removed timestamps and display names and rearranged other elements.
i might put more thought into this and redo it later
Source code
/* ==UserStyle==
@name Cohost Following (Compact)
@version 20231108.07.19
@namespace ?
==/UserStyle== */
@-moz-document domain("cohost.org") {
/* whole user item */
div.flex-grow > ul:nth-child(2) > li > button {
height: 3rem;
padding: 0 10px 0 0;
margin: 0 0;
}
/* sub elements:
1: display name
2: handle
3: time + ":" + post snippet
*/
/* no name */
div.flex-grow > ul:nth-child(2) > li > button > div > div:nth-child(1) {
display: none;
}
/* handle */
div.flex-grow > ul:nth-child(2) > li > button > div > div:nth-child(2) {
font-weight: bold;
text-decoration: dotted underline 0.075rem;
padding-right: 2px;
}
/* time sub-element */
div.flex-grow > ul:nth-child(2) > li > button> div > div:nth-child(3) > span {
font-size: 75%;
order: 2;
}
time {
display: none;
}
/* pin icon */
div.flex-grow > ul:nth-child(2) > li > button > svg:nth-child(3) {
width: 1rem;
height: auto;
position: absolute;
left: 0px;
}
}