this post was submitted on 15 Jan 2025
1 points (66.7% liked)

Firefox Customs

64 readers
2 users here now

Chat with us!

Post your unsupported Firefox customizations here!

From the makers of r/FirefoxCSS

Links

Related

Rules

  1. Posts must have flair!
  2. Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
  3. Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
  4. When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.
  5. Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.

founded 2 years ago
MODERATORS
[email protected]
MrOtherGuy
1
Problem when using 'position: sticky' in 'about:addons' page (lemmy.world)
submitted 1 week ago by Godie to c/[email protected]
6 comments fedilink hide all child comments
 

Hi, I want to solve this behavior when scrolling in 'about:addons' page. I put a background-image in body using 'userChrome.css' and in 'userContent.css' I set transparency in some elements backgrounds, but when I scroll the #main element goes behind .sticky-container element, so here is my question: Can I make the #main and .sticky-container elements don't cross, I tried to set a margin, clip-path, etc but I couldn't make any progress to solve it.

you are viewing a single comment's thread
view the rest of the comments
[–] Godie 1 points 1 week ago

the element with position: sticky makes it like float, always visible, and seems like the element don't reserve space and other elements can go behind it, I don't know how to solve it without remove that behavior (always visible on top).