QToolBox seamless tab title and content
-
Hey all. I am trying to style my QToolBox similar to one like Blenders:
Notice how the tab title and widget are seamlessly connected? Well I tried this with QSS stylesheets, and heres the result
As you can see, I pretty much have it dialed, except for the internal QWidget. I am getting a natural gap between tab title and widget, how can I remove it? Is it stylesheet related, or is it code? Any help is appreciated, and heres my stylesheet:
QToolBox { background-color: #303030; padding: 10px 10px 10px 10px; } QToolBox::tab { background-color: #3d3d3d; border: 1px solid #3d3d3d; border-radius: 5px; font-weight: bold; color: #c2c2c2; image: url('mp_software_stylesheets/assets/triangle-right.svg'); image-position: left; } QToolBox::tab:hover { background-color: #606060; color: white; } QToolBox::tab:selected { image: url('mp_software_stylesheets/assets/triangle-down.svg'); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }