MrOtherGuy / firefox-csshacks

Collection of userstyles affecting the browser
Mozilla Public License 2.0
3.19k stars 312 forks source link

centered stauspanel #282

Closed GrosBourrin closed 1 year ago

GrosBourrin commented 1 year ago

hello FF 113 The thing i don't understand is when the page loads, the statuspanels appears correctly at center except the text that is always beginning at left to right. But when i hover a link the text is correctly centered ! what's wrong with me ? here's my userchrome, the statuspanel block is at end : userchrome [](url)

corectly centered when i hover a linkcLEUkbZgDd

left text display when page loading TpcEC9YQBs


#statuspanel:not([hidden]) {
    display: flex !important;
    justify-self: center !important;
    padding-bottom: 0 !important;
    inset-block: auto 0 !important;
    inset-inline: auto !important;
}

#statuspanel-label {
    background: #1E1D2D !important;
    font-family: "Fira Sans" !important;
    font-size: 13px !important;
    color: #ffff00 !important;
    border: 2px solid #1E1D2D !important;
    border-radius: 0px !important;
    margin-inline: auto !important;
}
MrOtherGuy commented 1 year ago

Apparently Firefox adds gives statuspanel some min-width while page is loading - this should be fixed with d9ed3a6

GrosBourrin commented 1 year ago

works nicely now ! thanks for the rewriting ! you're the best