Skip Navigation
InitialsDiceBearhttps://github.com/dicebear/dicebearhttps://creativecommons.org/publicdomain/zero/1.0/„Initials” (https://github.com/dicebear/dicebear) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)HA
hansman @fedia.io
Posts 2
Comments 16
Anyone know what happened to the r/FirefoxCSS sub?
  • Frankly, the community was less willing to move to another platform than I had hoped, but perhaps now is a good chance to try again :)

    Let's hope so; and thanks for chiming in.

    But more importantly - how do you like your new nick: MOG? ;P It sure is easier to type.

  • Anyone know what happened to the r/FirefoxCSS sub?
  • [Repost]The FirefoxCSS archive really should be maintained; it is a unique source of info even though many codes are partially outdated.

    However, for a long time, the discussions on that sub have been dominated by spammers requesting support for extensions, or showing off useless personal setups.

    Then there are the many posters who will not engage in a discussion on css code, simply expecting a quick fix regardless of the complexity of the issue; not to mention the many efforts by contributers which go unanswered.

    Since hardly anyone seems to be unduly bothered by the possible demise of that sub - including our very own MrOtherGuy ;) - I assume that there is little if any interest in discussing the finer points of Firefox specific CSS coding.

  • Firefox Customs @fedia.io hansman @fedia.io

    Browser toolbox, info popup hidden behind ... popup

    This one has been driving me crazy for ages...

    When I use the Browser Toolbox - with the option Disable popup auto-hidebeing checked - and I hover over or select an element in the inspector , the info panels/tooltips that are usually displayed above and/or in front of the targeted/selected elements are covered by the open popups.

    Also, the selected UI popup parts are not highlighted as they would be for other bits, there's only that dotted grid visible - again partially hidden - that gives you a general idea of what you are looking at.

    This is on MacOs/Fx 115esr; I understand the issue is the same on Windows.

    I've tried lots of css and javascript codes to find a way to target that thing, but to no avail.

    The Fx popups in general have a silly high z-index, so that might be part of the issue; I'm wondering if there's any way to fix that.

    Screenshot below.

    !Screenshot

    4
    Active Tab - An underline reappears in Fx123.0...
  • Well, have you tried the code?

    It might interfere with the css style, which is creating its own navbar shadow, but that might be (partially?) overriden by current Fx versions anyways. The issue has been discussed in a couple of other forums, seems like the code for that shadow has changed recently.

    Again, maybe give this a shot, which has worked for some other users; to be safe put it at the bottom of your userChrome.css, shouldn't matter though:

    #nav-bar:-moz-lwtheme {
       box-shadow: none !important;
    }
    
    
  • Active Tab - An underline reappears in Fx123.0...
  • If it's the box-shadow causing the issue, in my testing it will only be visible in (most?) 3rd party themes, I couldn't see it in the official Fx and system(Mac) themes either.

    On the other hand, that shadow should then go all across the bar, not just show under the selected tab. Unless the chosen theme or his custom css moved things around a bit.

  • Active Tab - An underline reappears in Fx123.0...
  • It might be related to this and/or this issue.

    You could try these codes and see if it helps.

    #nav-bar:-moz-lwtheme {
       box-shadow: none !important;
    }
    
    :root[tabsintitlebar] #titlebar:-moz-window-inactive {
        opacity: 1 !important;
    }
    
  • I would ask the creator of the theme for help but that's me :(
  • I'm not quite sure what the issue might be, chances are this fedia thing isn't showing me any code or screenshots you might have added to your post.

    Just a very wild guess, could it be the nav-bar shadow, which could previously be removed with something like that:

    #nav-bar:-moz-lwtheme {
      box-shadow: none !important;
    }
    

    Maybe check if there is a that shadow listed in the browser tools, and if so how it is applied in FX123; also if the issue occurs with every theme, or just the ones that are not native Fx or system themes.

  • Curved tabs project, overflow issues
  • Thanks very much for the reply; that's pretty much what I experienced; the additional tab corners basically would need to be inside the "physical" boundaries of the tab itself.
    Which I found hard to do for some reason, but I'll give it another shot.

    I've cobbled together some sort of preliminary "solution" - but the proper term for that thing would probably be hacky. ;)

  • Firefox Customs @fedia.io hansman @fedia.io

    Curved tabs project, overflow issues

    I've been playing around with a little CSS code for curved tabs recently, inspired by this style by MrOtherGuy.

    It seems to work reasonbly well so far - still a work in progress - but one issue I just can't figure out - when the tabs are overflowing, the additional bottom corners I created for the outer tabs are cut off, unless they are the very first or last tab (which are taken care of).

    I've tried every selector and element in this area, to change the cutoff/clipping points of these outer visible tabs in overflow, or the width/padding etc. of the scrollbox "window", but to no avail.

    Any ideas would be much appreciated.

    The code can be found here, a screenshot is attached showing the issue.

    I hope the .svg code in the CSS file works, if not this is it:

    ``` <svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 32 32">

    <path d="M0 33 L3 32.5 A16 16 0 0 0 15.5 16 L 16 16 L 16 33 Z" fill="context-fill"/>

    <path d="M3 32.5 A16 16 0 0 0 15.5 16" fill="rgba(155,122,0,0)" stroke="context-stroke" stroke-width="1px"/>

    <path d="M0 16 L16 16 A15.5 15.5 0 0 1 32 0 L 32 0 L 32 16 Z" fill="rgba(155,122,0,0)"/>

    <path d="M15.5 16 A18.5 18 0 0 1 35.5 -0.5" fill="transparent" stroke="context-stroke" stroke-width="1" /> </svg>

    ```

    3