69
[UserScript] Lemmy_monkey - a full restyle in the spirit of old.reddit - updated for Lemmy v0.18 (greasyfork.org)
submitted 1 year ago* (last edited 1 year ago) by mershed_perderders@sh.itjust.works to c/plugins@sh.itjust.works
12 comments fedilink hide all child comments

Just an FYI post for folks who are new or recently returning to Lemmy, I have updated the linked grease/tamper/violentmonkey script for Lemmvy v0.18.

These two scripts (a compact version and a large thumbnail version) substantially rearrange the default Lemmy format.

These are (finally) relatively stable for desktop/widescreen. Future versions will focus a little more on the mobile/handheld experience.

These are theme agnostic and should work with darkly and litely (and variants) themes.

Screenshot of "Compact" version

main page

-

comments page

As always, feedback is appreciated!

you are viewing a single comment's thread
view the rest of the comments
[-] Jakylla@sh.itjust.works 7 points 1 year ago

So nice ! I was trying to make one to expand the page and use this 40% left-right margin on my screens, Thank you !

Here are my personal adaptations:

- Commented font-size for titles: I didn't like having them as small as the text

CSS code

/* post title font size*/
.h5, h5 {
    /*font-size: 1rem !important;*/
    margin-bottom: 0.1rem !important;
}

.
- Added a class for posts without image or links to have a thumbnail without the gray background, to dissociate them from links (that are from my point of view, too similar looking to text only posts)

- Also changed how I display images in thumbnail (I prefer to see the whole image resized down with no crop, even if hardly anything may be readable on the thumbnail)

CSS code

.thumbnail {
    object-fit: scale-down; /* instead of "cover" */
    background-color: #333;
}

/* Remove gray background for only-messages posts thumbnails */
.post-media a[href^="/post/"] .thumbnail {
    background-color: unset !important;
}

ScreenshotScreenshot

(Notice the visible difference between the link and the post without link)

[-] mershed_perderders@sh.itjust.works 3 points 1 year ago* (last edited 1 year ago)

These are nice.

I have thought about making the h5 font-size a user customizable parameter. You are not the only one who prefers the larger font size for titles. It's easy enough to incorporate - I'll experiment and see if there is a way to do it that preserves the variable between script updates.

I also like what you did with the text posts, particularly the scale-down parameter. My preference is preserving the visual outline of the thumbnail area for consistency.

Maybe something like:

CSS code

.post-media a[href^="/post/"] .thumbnail {
  border: 1px solid #333;
  background-color: unset !important;
}

this post was submitted on 25 Jun 2023
69 points (100.0% liked)

Lemmy Plugins and Userscripts

2145 readers
1 users here now

A general repository for user scripts and plugins used to enhance the Lemmy browsing experience.

Post (or cross-post) your favorite Lemmy enhancements here!

General posting suggestions:

Thanks!

founded 1 year ago
MODERATORS
god@sh.itjust.works
mershed_perderders@sh.itjust.works
mershed_perderders@lemm.ee