userChromeTabCenter.css - maybe we can help each other

[atomGit]

for this file, the comment was "It didn't work :", so i assume it's not only for me that it isn't working :)

this is what i'm using currently - i stole this from someone along the line and then modified it...

:root {
    --sbarwidth: 400px; /* set width you want the sidebar to be when it's open */
}
#sidebar-box {
    overflow-x: hidden;
    min-width: 0px;
    max-width: 0px;
    position: relative;
    border-right: 1px solid lightgray;
    cursor: pointer;
    transition: all 0.2s ease 0.3s;
}
#sidebar-box:hover,
#sidebar-box #sidebar {
    min-width: var(--sbarwidth);
    max-width: var(--sbarwidth);
    border-right: 2px solid lightgray;
}
#sidebar-box ~ #sidebar-splitter {
    display: none;
}

#sidebar-box position is relative and it's apparently on the same z-order as the main browser content, meaning it eats into the page space (only by 1px, but still) - if i change it to fixed, i can't get the sidebar content to display at all - i don't like this, but i never came up with a fix

the other problem is the sidebar header - i wanted to keep it, but if you use it to change sidebar content, then the sidebar isn't being hovered anymore, so it closes - again, i have yet to find a fix for that