Stylesheet for QMenu leaves a white spot at the end

Sucharek

Hi, so I don't know why, but when I try to set a stysheet for qmenu items, it leaves a white spot at the end. Here's what it looks like:

Code:

"QMenu {background-color: white; border: 0.5px solid black;}"
"QMenu::item {color: black; background-color: transparent;}"
"QMenu::item:selected {color: white; background-color: rgb(0, 120, 215);}

I tried round corners too, but that makes even more white spots:

Code:

"QMenu {background-color: white; border: 0.5px solid black; border-radius: 10px; padding: 5px;}"
"QMenu::item {color: black; background-color: transparent;}"
"QMenu::item:selected {color: white; background-color: rgb(0, 120, 215);}"

Pl45m4

@Sucharek

Must be the border or some kind of margin.
Try to set the margin to 0.

https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qmenu

Sucharek

Hi @Pl45m4, so I tried your method, which kinda works, but now it looks like this:

Sucharek

Hi, so I solved it by adding some padding. (padding: 2px 10px 2px 10px;)
Thanks for your help.

Pl45m4

@Sucharek

When I modify the padding of the item + selected item the small white area is gone. But then you probably need to define more setting since it overwrites the default config:

"QMenu { background-color: white; border: 0.5px solid black;}"
"QMenu::item { padding: auto; color: black; background-color: transparent;}"
"QMenu::item:selected { padding: auto; border: 0.5px; color: white; background-color: rgb(0, 120, 215);}"

Play around with padding, margin and border values until it looks like expected :)

Edit:

Nice, didn't read your comment. Spent the time trying it myself :)

Sucharek

Hi @Pl45m4, thanks for your response.
I will play around with it, untill I find how I want it to be.
Thanks for your answer.