fix: links at top/bottom of reference aren't clickable (#1282)

dendronhq · Sep 4, 2021 · b2a00cc · b2a00cc
1 parent fb90e98
commit b2a00cc
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/packages/dendron-11ty/raw-assets/sass/_portal.scss b/packages/dendron-11ty/raw-assets/sass/_portal.scss
@@ -73,18 +73,20 @@ iframe{
 			position: absolute;
 			width: 100%;
 			margin-left: 0px;
-			height: 36px;
+			height: 0px;
 			// background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0));
 			z-index: 50;
+			pointer-events: none;
 		}
 		.portal-parent-fader-bottom{
 			position: absolute;
 			width: 100%;
 			bottom: 6px;
 			margin-left: 0px;
-			height: 36px;
+			height: 0px;
 			// background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
 			z-index: 50;
+			pointer-events: none;
 		}			
 		.portal-parent-text{
 			padding:$base-line-height / 2;

diff --git a/packages/dendron-next-server/styles/scss/_portal.scss b/packages/dendron-next-server/styles/scss/_portal.scss
@@ -73,18 +73,20 @@ iframe {
       position: absolute;
       width: 100%;
       margin-left: 0px;
-      height: 36px;
+      height: 0px;
       // background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0));
       z-index: 50;
+      pointer-events: none;
     }
     .portal-parent-fader-bottom {
       position: absolute;
       width: 100%;
       bottom: 6px;
       margin-left: 0px;
-      height: 36px;
+      height: 0px;
       // background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
       z-index: 50;
+      pointer-events: none;
     }
     .portal-parent-text {
       padding: $base-line-height / 2;

diff --git a/packages/nextjs-template/styles/scss/_portal.scss b/packages/nextjs-template/styles/scss/_portal.scss
@@ -78,15 +78,17 @@ iframe{
 			height: 36px;
 			// background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0));
 			z-index: 50;
+			pointer-events: none;
 		}
 		.portal-parent-fader-bottom{
 			position: absolute;
 			width: 100%;
 			bottom: 6px;
 			margin-left: 0px;
-			height: 36px;
+			height: 0px;
 			// background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
 			z-index: 50;
+			pointer-events: none;
 		}			
 		.portal-parent-text{
 			padding:math.div($base-line-height, 2);