How to set repo links to open in a new tab?

[DennisJDufrene]

Is there a way to set the code actions links to open in new tab?

theme:
   features:
      - content.action.edit
      - content.action.view

In reading Adding Git Repository, I did not come across anything.

Thanks!

[kamilkrzyskow]

Hi @DennisJDufrene,
for these links to open in a new tab you'd have to use customization.

Either directly override the actions.html template with a modified version which adds target="_blank" to the anchor tags, or add JavaScript to the target after the page loads for the user. At GMC we're using the second approach to open external links in a new tab, so you could reference our solution, but keep in mind that there is a URL comparison, and if you host your page on GitHub Pages, then the repository link would not be seen as external by the code, so you'll have to adjust the solution ✌️

Docs reference:

• https://squidfunk.github.io/mkdocs-material/customization/#additional-javascript
• https://squidfunk.github.io/mkdocs-material/customization/#extending-the-theme

Source reference:

• https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/partials/actions.html
• https://github.com/Gothic-Modding-Community/gmc/blob/36b962f7819b8d0c8e57ca5e4c5121711f446e5c/overrides/assets/javascripts/extra.js#L131

[DennisJDufrene]

The actions.html override was exactly what I was looking for. Worked perfectly! Thank you!