Anchor contact flyout

2026-03-22 17:18:35 +01:00
parent d868648aa1
commit f7ef909888
2 changed files with 40 additions and 6 deletions
--- a/styles.css
+++ b/styles.css
@@ -475,8 +475,8 @@ button {

 .contact-flyover__panel {
  position: absolute;
-  top: 2rem;
-  right: max(2rem, calc((100vw - var(--max-width)) / 2 + 2rem));
+  top: var(--flyover-top, 2rem);
+  left: var(--flyover-left, auto);
  width: min(420px, calc(100vw - 2rem));
  padding: 2rem;
  border-radius: var(--radius-panel);
@@ -694,8 +694,8 @@ button {
  }

  .contact-flyover__panel {
-    top: auto;
-    right: 1rem;
+    top: var(--flyover-top, auto);
+    right: auto;
    bottom: 1rem;
    left: 1rem;
    width: auto;