Skip to content

The wiki suggestion to use "dynamic native tabs" using userChrome.css doesn't work with firefox 133 #1889

@ricardoseriani

Description

@ricardoseriani

Steps to reproduce

Actual behavior

When you open firefox 133 the tabs are not hidding when Sidebery is opened

Expected behavior

Firefox tabs should be hide when Sidebery is open.
After some research, I found that the #titlebar "selector" is removed from this version.
I tried to update the userChrome.css and get to a new version that is working for me, but I can't change or submit a PR to change the wiki.
All that it's need is to update the selector to .toolbar-items like the following snippet.

#main-window .toolbar-items {
    overflow: hidden;
    transition: height 0.3s 0.3s !important;
}

/* Default state: Set initial height to enable animation */
#main-window .toolbar-items {
    height: 3em !important;
}

#main-window[uidensity="touch"] .toolbar-items {
    height: 3.35em !important;
}

#main-window[uidensity="compact"] .toolbar-items {
    height: 2.7em !important;
}

/* Hidden state: Hide native tabs strip */
#main-window[titlepreface*="[Sidebery]"] .toolbar-items {
    height: 0 !important;
}

/* Hidden state: Fix z-index of active pinned tabs */
#main-window[titlepreface*="[Sidebery]"] #tabbrowser-tabs {
    z-index: 0 !important;
}

Please, note that I only tested on my machine and I'm no expert in CSS.

System

Xubuntu 22.04

Firefox version

133.0

Sidebery version

5.2.0

Logs

No response

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions