External link icon fixes (#1613)

* Suppress external link icons on docs image links * Prevent external links from line wrapping
iterative · Jul 22, 2020 · a91c205 · a91c205
1 parent 5fb3b4a
commit a91c205
Showing 1 changed file with 16 additions and 8 deletions.
diff --git a/src/components/Documentation/Markdown/styles.module.css b/src/components/Documentation/Markdown/styles.module.css
@@ -52,14 +52,22 @@
       text-align: center;
     }
 
-    a[target='_blank']::after {
-      position: relative;
-      top: 1px;
-      right: 0;
-      width: 12px;
-      height: 12px;
-      margin-left: 1px;
-      content: url(/img/external-link.svg);
+    a[target='_blank'] {
+      white-space: nowrap;
+
+      &::after {
+        position: relative;
+        top: 1px;
+        right: 0;
+        width: 12px;
+        height: 12px;
+        margin-left: 1px;
+        content: url(/img/external-link.svg);
+      }
+    }
+
+    :global(a.gatsby-resp-image-link)::after {
+      content: unset;
     }
 
     .anchor {