update
This commit is contained in:
@@ -67,6 +67,7 @@ export class SioImageLightbox extends DeesElement {
|
|||||||
z-index: 10000;
|
z-index: 10000;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
font-family: ${unsafeCSS(fontFamilies.sans)};
|
font-family: ${unsafeCSS(fontFamilies.sans)};
|
||||||
|
isolation: isolate;
|
||||||
}
|
}
|
||||||
|
|
||||||
.overlay {
|
.overlay {
|
||||||
@@ -114,6 +115,7 @@ export class SioImageLightbox extends DeesElement {
|
|||||||
cursor: grab;
|
cursor: grab;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
transition: transform 100ms ease-out;
|
transition: transform 100ms ease-out;
|
||||||
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-wrapper.dragging {
|
.image-wrapper.dragging {
|
||||||
@@ -167,6 +169,7 @@ export class SioImageLightbox extends DeesElement {
|
|||||||
gap: ${unsafeCSS(spacing["2"])};
|
gap: ${unsafeCSS(spacing["2"])};
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 200ms ease;
|
transition: opacity 200ms ease;
|
||||||
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container.open .controls {
|
.container.open .controls {
|
||||||
@@ -216,6 +219,7 @@ export class SioImageLightbox extends DeesElement {
|
|||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translateY(10px);
|
transform: translateY(10px);
|
||||||
transition: all 200ms ease;
|
transition: all 200ms ease;
|
||||||
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container.open .info {
|
.container.open .info {
|
||||||
|
|||||||
Reference in New Issue
Block a user