diff --git a/src/app/globals.css b/src/app/globals.css index d0971df7b..b195983b4 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -72,6 +72,7 @@ --animate-sheet-up: sheet-up 250ms cubic-bezier(0.22, 1, 0.36, 1) both; --animate-sheet-left: sheet-left 220ms cubic-bezier(0.22, 1, 0.36, 1) both; --animate-pop-in: pop-in 180ms cubic-bezier(0.34, 1.3, 0.64, 1) both; + --animate-dialog-rise: dialog-rise 220ms cubic-bezier(0.22, 1, 0.36, 1) both; --animate-action-tray-in: action-tray-in 160ms cubic-bezier(0.22, 1, 0.36, 1) both; --animate-shimmer: shimmer 1.4s linear infinite; } @@ -1681,6 +1682,17 @@ summary::-webkit-details-marker { } } +@keyframes dialog-rise { + from { + opacity: 0; + transform: translateY(12px) scale(0.98); + } + to { + opacity: 1; + transform: translateY(0) scale(1); + } +} + @keyframes action-tray-in { from { opacity: 0; diff --git a/src/app/mockups/answer-evidence-popups/page.tsx b/src/app/mockups/answer-evidence-popups/page.tsx index 791dff886..831b4050d 100644 --- a/src/app/mockups/answer-evidence-popups/page.tsx +++ b/src/app/mockups/answer-evidence-popups/page.tsx @@ -206,6 +206,30 @@ function ButtonText({ children }: { children: ReactNode }) { return {children}; } +function DesktopSourcePreviewDemo() { + return ( +
+

+ Clozapine monitoring should include FBC/ANC, myocarditis symptoms, metabolic checks, constipation prevention, + and shared-care communication. +

+
+ +
+ +
+
+

+ The answer body stays in place. The preview floats above nearby content instead of pushing the support card + down. +

+
+ ); +} + function SourcePreviewPopover() { return (
@@ -576,11 +600,11 @@ function MobileEvidencePanel({ selected }: { selected: string }) { function DesktopEvidenceModal() { return (
-