RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

photo: fix overlay z-index 

Signed-off-by: Varun Patil <varunpatil@ucla.edu>
pull/504/head
Varun Patil 2023-03-15 16:59:11 -07:00
parent dd29e00eb0
commit 098d8da208
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/frame/Photo.vue
View File

@ -396,9 +396,9 @@ div.img-outer {
} }
> img { > img {
filter: contrast(1.05); // most real world images are a bit overexposed
background-clip: content-box; background-clip: content-box;
object-fit: cover; object-fit: cover;
z-index: 1;
cursor: pointer; cursor: pointer;
background-color: var(--color-background-dark); background-color: var(--color-background-dark);
@ -418,6 +418,7 @@ div.img-outer {
> video { > video {
pointer-events: none; pointer-events: none;
object-fit: cover; object-fit: cover;
z-index: 2;
} }
> .overlay { > .overlay {
@ -425,6 +426,7 @@ div.img-outer {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
z-index: 3;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, transparent 30%); background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, transparent 30%);
display: none; display: none;