shadow preparation
the shadow needs to be done on the compositor
This commit is contained in:
@@ -156,7 +156,7 @@ class QuickMenu(Window):
|
|||||||
def __init__(self, **kwargs):
|
def __init__(self, **kwargs):
|
||||||
super().__init__(
|
super().__init__(
|
||||||
name="quick-menu",
|
name="quick-menu",
|
||||||
layer="top",
|
layer="overlay", # Changed from 'top' to 'overlay' for better shadow support
|
||||||
anchor="top right",
|
anchor="top right",
|
||||||
margin="40px 10px 0px 0px",
|
margin="40px 10px 0px 0px",
|
||||||
exclusivity="none",
|
exclusivity="none",
|
||||||
|
|||||||
@@ -150,8 +150,11 @@ def generate_stylix_css():
|
|||||||
background-color: #{colors["base00"]};
|
background-color: #{colors["base00"]};
|
||||||
border: solid 2px #{colors["base02"]};
|
border: solid 2px #{colors["base02"]};
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2);
|
||||||
animation: slide-down 200ms ease-out;
|
animation: slide-down 200ms ease-out;
|
||||||
|
/* Add subtle inner glow for better depth perception */
|
||||||
|
outline: 1px solid rgba(255, 255, 255, 0.05);
|
||||||
|
outline-offset: -1px;
|
||||||
}}
|
}}
|
||||||
|
|
||||||
@keyframes slide-down {{
|
@keyframes slide-down {{
|
||||||
|
|||||||
Reference in New Issue
Block a user