#CSShammer

2025-01-13

... Had to force "margin-left: 2em !important" on react.dev/learn so that first ~1.5 characters are not obscured by the scrollbar, always present if applicable.

> Notice that <MyButton /> starts with a capital letter. That’s how you know it’s a React component […] component names must always start with a capital letter, while HTML tags must be lowercase.

💩🔥
Right there with #Django bit that extracts column metadata by splitting arg/key name.

#CSSHammer #Javascript #React_Javascript

2024-12-31

For "Stylus" extension of Firefox ...

/*
Make toot-composing warnings go away.
*/
.compose-form__warning
{
display: none !important;
visibility: hidden !important;
}

#CSSHammer #mastodon #mastodonUX #webUI

2024-12-20

"Dark Background and Light Text" extension of Firefox barely manages to change the background color of #mastodon page (using #webUI) with either of "Dark" or "Hight Contrast" theme. The links remain low contrast pulper.

Really need to bring over the CSS of "Stylus" extension (from another 'puter to this one) to apply the #CSSHammer.

#mastodonUX

2023-10-15

... setting line-height in #Stylus extension in Firefox ...

p
{
line-height: 1.7em;
}

... made reading much easier here by making each line not be nearly touching each other.
#CSShammer

ToC is still shit; can live with that. (Alternatively there is (always) -announce@ mailing list archive🤷🏽‍♂️)

2023-09-10

#CSSHammer
Setting "line-height" -- in Stylus extension in Firefox ESR 102 -- affects only the toot text after it has been navigated to; has no effect in "Home" feed or response or parent toots. What am I missing? #CSSHelp #mastodonHelp

/*
Started with ".status__content__text *".
*/
/*
.status *
, .status__content *
*/
.status__content__text *
{
line-height: 1.5em !important;
}

Using "p" element instead was far more effective. There is still a difference in the spacing between 2 lines depending on if a toot is seen on its own.

That could be combining with default of showing navigated-to-toot in a larger font. I do have set minimum font size in the browser.

2023-08-06

... reverted to #GlitchSoc flavour🤷🏽‍♂️
(at the cost of having to re-set some of the options in non-persistent💩 "App settings")
as the larger-height media preview was driving me nuts in #Mastodon flavor🖕 (#parv_note) which seemed to have dropped the letterbox/16:9 aspect size option for preview in "Preferences"
😫​
#mastodonUX #glitchSocUX #mastodonWebUI

Perhaps should write a #CSShammer to affect the visibility or size of the preview; would be slow, persistent, almost independent of either flavor ...

2023-07-05

#GlitchSoc, it would be neat if a "long" toot is not collapsed to a barely visible single "line" but to the height selected.
#webUI #glitchSocUX

... back to un-collapsed🤷🏽‍♂️, until could come up with some #Stylus #CSShammer ...

2023-07-05

#Interesting. Letter, [gypq], descender cutoff ever so slightly (~3 px) of the account link text (at the top of a toot).
#glitchSocUX #webUI
time to bring out #CSSscythe|#CSShammer thus ...

.status__info *
{
line-height: 1.6em !important;
}
Screenshot of this toot showing ...
- "p" being fully visible of the display name, annotated in light green;
- serif of the lower part of "p" being obscured of account link text, annotated in mustard yellow.

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst