Makes it so expandos in lemmy expand to full width. Also outlines expandos.
Lemmy Full Expand by DanielLC
Details
AuthorDanielLC
LicenseUnlicense
Categorylemmy.world
Created
Updated
Size1.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Right now it's set to any website starting with https://lemmy, which includes some lemmy instances but not all of them. You may need to change it to use the domain of the lemmy instance your account is on. Also, it was designed for the default css of lemmy.world, and I can't guarantee that it will work with every theme of every instance of lemmy.
Source code
/* ==UserStyle==
@name Lemmy Full Expand
@version 20230918.20.42
@namespace userstyles.world/user/DanielLC
@description Makes it so expandos in lemmy expand to full width. Also outlines expandos.
@author DanielLC
@license Unlicense
==/UserStyle== */
@-moz-document url-prefix("https://lemmy") {
.img-expanded:not(.banner, .avatar-overlay) {
max-height: unset;
max-width: 100vw;
position: absolute;
left: 50%;
transform: translate(-50%, -75px);
outline: auto;
outline-color: black;
z-index: 1;
padding: 50px;
outline-offset: -50px;
pointer-events: none;
}
/*Note: Links are exactly the same except without bg-transparent, so using not(bg-transparent) instead will outline the links instead of the expandos. Also, they're outlined orange unless you change it, so you could take that off, give them all outlines, and you can tell which they are based on the color.*/
.thumbnail.rounded.overflow-hidden.d-inline-block.position-relative.p-0.border-0.bg-transparent {
outline: auto;
}
}