ticky

im in ur web site

  • she/her

web dracat

made:
internet-ti.me, @Watch, Wayback Classic, etc.

avatars appearing:

in 2D by nox lucent
in 3D by Zcythe

"If it were me, I'd have [changed] her design to make [her species] more visually clear" - some internet rando

I post embeds of other peoples' things at @ticky-reposts



got annoyed with cohost's lightbox so I made it a bit nicer

has this ever happened to you?

Screenshot of a cohost lightbox showing about half the screen taken up with alt text

well, I have a userstyle which makes it do this instead:

Screenshot of a cohost lightbox with a scrollbar so the alt text is still available but slightly off-screen until you scroll down to reveal it; the image is therefore nearly full-screen

it also works with multi-image posts, and lets the next/previous arrows overlap images

/* ==UserStyle==
@name			cohost lightbox tweaks
@author			Jessica Stokes
@version		1.0.0
@namespace		net.jessicastokes
@preprocessor	less
==/UserStyle== */

@-moz-document domain("cohost.org")
{
	#lightbox-container > div.backdrop-blur > div.container {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 2rem;
		padding-bottom: 2rem;
		overflow-y: auto;
		
		& > div.h-full {
			height: auto;
		}
		
		/* cap height at 1 browser height minus the padding we use above */
		img {
			max-height: calc(100vh - 4rem);
		}
		
		/* "if there's more than one image" shorthand hack */
		&:has(div.items-center > div.items-center:nth-child(2)) {
			img {
				max-height: calc(100vh - 4rem - 64px - 2rem);
			}
			
			/* let the next/previous buttons overlap the image */
			& > div > div.grid {
				display: flex;
				justify-content: center;
				
				> svg {
					position: absolute;
					
					&:first-child {
						left: 0;
					}
					
					&:last-child {
						right: 0;
					}
				}
			}
		}
	}
}

I'm not sure what other userstyle add-ons allow using less, but I'm using Cascadea for Safari


You must log in to comment.

in reply to @ticky's post:

love this! makes me think of how my brother said we should change homestarrunner video urls to be .svg so they'd be full screen for some reason??? Felt like a hack and please believe, strong sad is amazing at 300 dpi (do NOT come at me about resolutions and shit, I don't know what I'm talking about and it's fine)