cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-13 18:59:22 -05:00
Code Issues Projects Releases Packages Wiki Activity

feat(contextmenu): glass effect on context menu

Browse source
This commit is contained in:
trashtemp 2021-12-29 00:10:17 +01:00
parent a4155a1153
commit 45762e4bf6
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/styles/_context-menu.scss
View file

@ -6,7 +6,12 @@
font-size: 0.875rem; font-size: 0.875rem;
color: var(--secondary-foreground); color: var(--secondary-foreground);
border-radius: var(--border-radius); border-radius: var(--border-radius);
background: var(--primary-background) !important; //background: var(--primary-background) !important;
background-color: rgba(
var(--primary-background-rgb),
max(var(--min-opacity), 0.8)
);
backdrop-filter: blur(10px);
box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.05);
> span, > span,
@ -23,7 +28,11 @@
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background: var(--secondary-background); background-color: rgba(
var(--secondary-background-rgb),
max(var(--min-opacity), 0.75)
);
backdrop-filter: blur(10px);
} }
} }