diff --git a/DeepDrftPublic.Client/Controls/SharePopover.razor b/DeepDrftPublic.Client/Controls/SharePopover.razor index b1843af..7acc5c7 100644 --- a/DeepDrftPublic.Client/Controls/SharePopover.razor +++ b/DeepDrftPublic.Client/Controls/SharePopover.razor @@ -1,66 +1,72 @@ @namespace DeepDrftPublic.Client.Controls - - - - +@* Overlay is viewport-level; keep it outside the anchor wrapper so it doesn't + inherit relative stacking context and still covers the full page. *@ - - +@* Wrap the trigger and popover in a relative-positioned container so MudPopover + anchors to the button rather than the nearest positioned ancestor in the page. *@ +
+ + + - - - Copy link - - @if (_linkCopied) + + + + + + Copy link + + @if (_linkCopied) + { + Copied! + } + + + @* Embed is a single-track affordance only; a release page is not a single-track embed (§3b.3). *@ + @if (!IsReleaseMode) { - Copied! - } - + - @* Embed is a single-track affordance only; a release page is not a single-track embed (§3b.3). *@ - @if (!IsReleaseMode) - { - + - - - @if (_embed) - { - - - - - @if (_embedCopied) - { - Copied! - } + @if (_embed) + { + + + + + @if (_embedCopied) + { + Copied! + } + - + } } - } - - + + +
diff --git a/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css b/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css index 5767715..619e088 100644 --- a/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css +++ b/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css @@ -358,6 +358,13 @@ h2, h3, h4, h5, h6, font-family: var(--deepdrft-font-mono) !important; } +/* Relative-positioned wrapper that gives MudPopover a local anchor so it opens + adjacent to the share button rather than relative to the page body. */ +.deepdrft-share-popover-anchor { + position: relative; + display: inline-block; +} + .deepdrft-share-popover-body { padding: 0.75rem 1rem; min-width: 280px;