linuxmint/Cinnamon — Issue #312: pop up box arrow pointer draws outside the box when using gradients
Author: mordant23
Created: 2012-02-08 20:20:49+00:00
State: open

The pop up box arrow pointer draws outside the box when a gradient is used for the background for .popup-menu-boxpointer in the cinnamon.css. For example,

.popup-menu-boxpointer {
-arrow-border-radius: 6px;
background-gradient-direction: vertical;
background-gradient-start: #eeeeef;
background-gradient-end: #cececf;
-arrow-border-width: 1px;
-arrow-border-color: rgba(22, 22, 22, 0.5);
-arrow-base: 24px;
-arrow-rise: 11px;
}

draws the gradient all the way down to the panel outside of the arrow pointer's border. Trying to use

.popup-menu-boxpointer {
-arrow-border-radius: 6px;
-arrow-background-gradient-direction: vertical;
-arrow-background-gradient-start: #eeeeef;
-arrow-background-gradient-end: #cececf;
-arrow-border-width: 1px;
-arrow-border-color: rgba(22, 22, 22, 0.5);
-arrow-base: 24px;
-arrow-rise: 11px;
}

just gives a translucent background.

The same problem with drawing outside of the popup borders happens if you try to use the gradient in .popup-menu instead.