+@* 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;