From 56d9368b08516fd9bd0303132cc2d923899e368c Mon Sep 17 00:00:00 2001
From: Soitora <simon.mattila@protonmail.com>
Date: Tue, 22 Sep 2020 06:14:45 +0200
Subject: [PATCH] Fix image zoom (#355)

---
 src/.vuepress/components/Navigation.vue     | 5 -----
 src/.vuepress/config/plugins.js             | 1 +
 src/forks/Neko.md                           | 2 +-
 src/forks/TachiyomiAZ.md                    | 2 +-
 src/forks/TachiyomiEH.md                    | 2 +-
 src/forks/TachiyomiJ2K.md                   | 2 +-
 src/forks/TachiyomiSY.md                    | 2 +-
 src/help/guides/reading-local-manga.md      | 2 +-
 src/help/guides/troubleshooting-problems.md | 2 +-
 9 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/.vuepress/components/Navigation.vue b/src/.vuepress/components/Navigation.vue
index bcd1e22f..47ae83a2 100644
--- a/src/.vuepress/components/Navigation.vue
+++ b/src/.vuepress/components/Navigation.vue
@@ -116,11 +116,6 @@ export default {
 		.app-image
 			max-height 1.5em
 			vertical-align sub
-		&.ext-installation
-			border 1px solid $accentColorSecondary
-			padding 0px 0px 2px 4px
-			margin-right 5px
-			border-radius 4px
 		&:hover
 			cursor default
 
diff --git a/src/.vuepress/config/plugins.js b/src/.vuepress/config/plugins.js
index 88443f7c..ef8a4f1b 100644
--- a/src/.vuepress/config/plugins.js
+++ b/src/.vuepress/config/plugins.js
@@ -52,6 +52,7 @@ module.exports = [
 	[
 		"vuepress-plugin-zooming",
 		{
+			selector: ".theme-default-content img.zoomable",
 			delay: 1000,
 			options: {
 				bgColor: "black",
diff --git a/src/forks/Neko.md b/src/forks/Neko.md
index 0a5a6a8b..e9d4bcda 100644
--- a/src/forks/Neko.md
+++ b/src/forks/Neko.md
@@ -22,7 +22,7 @@ sidebar: false
 This is a [MangaDex](https://mangadex.org/) specific fork of **Tachiyomi** and [TachiyomiJ2K](/forks/TachiyomiJ2K). This contains features specific to **MangaDex** that those versions cannot offer. It also features almost every feature that **J2K** has except for extensions (aka other sources), custom covers, and local manga.
 
 ## Screenshots
-<img :src="$withBase('/forks/Neko/assets/banner.png')"/>
+<img class="zoomable" :src="$withBase('/forks/Neko/assets/banner.png')"/>
 
 ## Mangadex specific features:
 - Supports native login to **MangaDex** and supports 2FA
diff --git a/src/forks/TachiyomiAZ.md b/src/forks/TachiyomiAZ.md
index c2a652eb..68db9295 100644
--- a/src/forks/TachiyomiAZ.md
+++ b/src/forks/TachiyomiAZ.md
@@ -137,4 +137,4 @@ This hentai focused fork is based off of **[TachiyomiEH](/forks/TachiyomiEH)**,
 - Grid view corner rounding configuration
 - Manga recommendations
 
-<img :src="$withBase('/forks/TachiyomiAZ/assets/gunz.png')">
+<img class="zoomable" :src="$withBase('/forks/TachiyomiAZ/assets/gunz.png')">
diff --git a/src/forks/TachiyomiEH.md b/src/forks/TachiyomiEH.md
index 7eda91ca..320455e8 100644
--- a/src/forks/TachiyomiEH.md
+++ b/src/forks/TachiyomiEH.md
@@ -25,7 +25,7 @@ This fork adds features that enhances the hentai experience with integrations to
 
 At the moment, it is **deprecated** as the developer does not have time to maintain it. Use [TachiyomiAZ](/forks/TachiyomiAZ) instead.
 
-<img :src="$withBase('/forks/TachiyomiEH/assets/banner.png')"/>
+<img class="zoomable" :src="$withBase('/forks/TachiyomiEH/assets/banner.png')"/>
 
 ## Features
 ::: aside-guide
diff --git a/src/forks/TachiyomiJ2K.md b/src/forks/TachiyomiJ2K.md
index ce7a56a9..2437103c 100644
--- a/src/forks/TachiyomiJ2K.md
+++ b/src/forks/TachiyomiJ2K.md
@@ -23,7 +23,7 @@ sidebar: false
 
 This fork takes a new approach to the design of the base app along with several other enhancements.
 
-<img :src="$withBase('/forks/TachiyomiJ2K/assets/banner.png')"/>
+<img class="zoomable" :src="$withBase('/forks/TachiyomiJ2K/assets/banner.png')"/>
 
 ## Features
 ::: aside-guide
diff --git a/src/forks/TachiyomiSY.md b/src/forks/TachiyomiSY.md
index db95135e..63aeacfa 100644
--- a/src/forks/TachiyomiSY.md
+++ b/src/forks/TachiyomiSY.md
@@ -22,7 +22,7 @@ sidebar: false
 This fork is based off of [TachiyomiAZ](/forks/TachiyomiAZ) and adds quite a few custom unique features, it also has new features from the latest **Tachiyomi** version as well as from other forks such as [TachiyomiJ2K](/forks/TachiyomiJ2K).
 
 ## Screenshots
-<img :src="$withBase('/forks/TachiyomiSY/assets/banner.png')"/>
+<img class="zoomable" :src="$withBase('/forks/TachiyomiSY/assets/banner.png')"/>
 
 ## Features
 - Uses the new **Tachiyomi** UI
diff --git a/src/help/guides/reading-local-manga.md b/src/help/guides/reading-local-manga.md
index 54fb5222..499433a5 100644
--- a/src/help/guides/reading-local-manga.md
+++ b/src/help/guides/reading-local-manga.md
@@ -84,7 +84,7 @@ The path to the folder with images must contain both the manga title and the cha
 <figure class="centered">
 	<h4>Example structure using the file manager</h4>
 	<p>Here, the manga name is <strong>test</strong> so the file structure is <code>/Tachiyomi/local/test/ch1/images</code>.</p>
-	<img height="300" :src="$withBase('/help/guides/reading-local-manga/assets/LocalManga.jpg')">
+	<img class="zoomable" height="300" :src="$withBase('/help/guides/reading-local-manga/assets/LocalManga.jpg')">
 </figure>
 :::
 
diff --git a/src/help/guides/troubleshooting-problems.md b/src/help/guides/troubleshooting-problems.md
index d89c4cf4..25f2e9f9 100644
--- a/src/help/guides/troubleshooting-problems.md
+++ b/src/help/guides/troubleshooting-problems.md
@@ -106,7 +106,7 @@ You must solve the **CAPTCHA** in **WebView**.
 1. Press the source you'd like to access.
 1. Press the <Navigation item="webview"/> icon.
 	<figure class="centered">
-		<img :src="$withBase('/help/guides/troubleshooting-problems/assets/WebView-Open.jpg')">
+		<img class="zoomable" :src="$withBase('/help/guides/troubleshooting-problems/assets/WebView-Open.jpg')">
 	</figure>
 1. Complete **CAPTCHA** if one is present.
 1. Once done, press the *Back Arrow* at the top left to return.