Skip to content

Commit 0305579

Browse files
Nagi-ovoclaude
andcommitted
fix(export): prevent dropdown from disappearing when moving mouse to it
Add an invisible bridge pseudo-element between the logo and dropdown to cover the 4px gap, and add a 120ms hide delay so pointer-events don't drop instantly when hover is briefly lost. Closes #463 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 163efd2 commit 0305579

1 file changed

Lines changed: 12 additions & 4 deletions

File tree

public/contentStyle.css

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -856,6 +856,17 @@ html.dark-theme .gv-pm-trigger {
856856
pointer-events: auto;
857857
}
858858

859+
/* Invisible bridge between logo and dropdown so hover doesn't break in the gap */
860+
.gv-logo-dropdown-wrapper::after {
861+
content: '';
862+
position: absolute;
863+
top: 100%;
864+
left: 0;
865+
right: 0;
866+
height: 12px;
867+
pointer-events: auto;
868+
}
869+
859870
.gv-logo-dropdown {
860871
position: absolute;
861872
top: 100%;
@@ -879,6 +890,7 @@ html.dark-theme .gv-pm-trigger {
879890
opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
880891
visibility 0.2s cubic-bezier(0.4, 0, 0.2, 1),
881892
transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
893+
transition-delay: 0.12s;
882894
z-index: 9999;
883895
pointer-events: none;
884896
}
@@ -889,10 +901,6 @@ html.dark-theme .gv-pm-trigger {
889901
visibility: visible;
890902
transform: translateY(0) scale(1);
891903
pointer-events: auto;
892-
}
893-
894-
/* Keep dropdown visible when hovering on it */
895-
.gv-logo-dropdown-wrapper:hover .gv-logo-dropdown {
896904
transition-delay: 0.05s;
897905
}
898906

0 commit comments

Comments
 (0)