here is some more additions
the gear icon and settings
CSS:
/* change color */
.yourPost { border-left: 3px dashed var(--link-color) !important; }
.quotesYou { border-left: 3px solid var(--link-color) !important; }
.catalogCell:has(.lockIndicator) { display: none; }
.relativeTime {
display: inline-block;
max-width: 0px;
max-height: 1.1em;
overflow: hidden;
padding: 0px 0px 0px calc(8ch + 2px);
margin-left: -8ch;
}
.relativeTime:hover { max-width: none }
.uploadCell.expandedCell .mediaContainer,
.uploadCell.expandedCell video,
.uploadCell.expandedCell img {
max-width: 100vw;
max-height: 100vh;
width: auto !important;
height: auto !important;
display: block;
margin: 0 auto;
}
/*replyPreview still shows at bottom of post if it's empty, adding the margin*/
.replyPreview:empty {
display: none;
}
body > img { z-index: 2; }
does stuff
JS:
document.getElementsByClassName("close-btn")[1].addEventListener("click", () => {
document.getElementById('quick-reply').children[0].reset()
});