filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-09-17 17:27:52 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(Previews): popup overflow

Browse Source
This commit is contained in:
Aminejv 2021-08-09 20:42:53 +01:00
parent 1c2104a080
commit 283b288788
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/core/CollectionPreviewBlock/index.js
View File

@ -282,12 +282,16 @@ const useAnimateDescription = ({
const descriptionControls = useAnimation();
useMounted(() => {
const extendedDescriptionElement = extendedDescriptionRef.current;
if (!extendedDescriptionElement) return;
if (isDescriptionVisible) {
descriptionControls.start({ visibility: "initial", opacity: 1, transition: { delay: 0.2 } });
extendedDescriptionElement.style.opacity = 1;
descriptionControls.start({ opacity: 1, transition: { delay: 0.2 } });
return;
}
descriptionControls.set({ opacity: 0, visibility: "hidden" });
extendedDescriptionElement.style.opacity = 0;
}, [isDescriptionVisible]);
return { containerVariants, descriptionControls };

8
components/core/ObjectPreview/ObjectPreviewPrimitive.js
View File

@ -282,12 +282,16 @@ const useAnimateDescription = ({
const descriptionControls = useAnimation();
useMounted(() => {
const extendedDescriptionElement = extendedDescriptionRef.current;
if (!extendedDescriptionElement) return;
if (isDescriptionVisible) {
descriptionControls.start({ visibility: "initial", opacity: 1, transition: { delay: 0.2 } });
extendedDescriptionElement.style.opacity = 1;
descriptionControls.start({ opacity: 1, transition: { delay: 0.2 } });
return;
}
descriptionControls.set({ opacity: 0, visibility: "hidden" });
extendedDescriptionElement.style.opacity = 0;
}, [isDescriptionVisible]);
return { containerVariants, descriptionControls };