Fix header social media icons non-clickable & a.target behavior

oursky · Jul 4, 2024 · 4825a0d · 4825a0d
2 parents a0ca299 + c37a282
commit 4825a0d
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -179,6 +179,7 @@ const {
             <a
               href="https://x.com/intent/tweet?utm_source=twitter_web_centreButton&utm_medium=twitter&utm_campaign=twitter_web_centreButton&url=https://mockuphone.com/&via=oursky&text=One click to wrap your app screenshots in device mockup!"
               class="header__share-twitter-link"
+              target="_blank"
             >
               <Image
                 class="header__share-twitter"

diff --git a/src/pages/download.astro b/src/pages/download.astro
@@ -91,6 +91,7 @@ import ErrorPage from "../components/ErrorPage.astro";
         <li class="share-social-item">
           <a
             href="https://x.com/intent/tweet?utm_source=twitter_web_centreButton&utm_medium=twitter&utm_campaign=twitter_web_centreButton&url=https://mockuphone.com/&via=oursky&text=One click to wrap your app screenshots in device mockup!"
+            target="_blank"
           >
             <img src="/Images/x-icon-circle.svg" />
           </a>

diff --git a/src/styles/main.css b/src/styles/main.css
@@ -104,6 +104,7 @@ figure {
   display: flex;
   margin-left: auto;
   flex: none;
+  z-index: 10;
 }
 
 .header__share-small {