From 5ccd40f5302f596fcadb96746d403f0aeb12337b Mon Sep 17 00:00:00 2001
From: apersomany <59863085+apersomany@users.noreply.github.com>
Date: Mon, 23 Aug 2021 19:39:03 +0700
Subject: [PATCH] Fixed minor issues (#291)

* Fixed xss sanitizer config for checkboxes

* Fixed typo in version navigation tree href

* Fixed navigation tabs' margins with pure css

* Prettier

For some weird reason my prettier config seems to be different

Co-authored-by: Redblueflame <contact@redblueflame.com>
---
 assets/styles/components.scss            |  7 ++++---
 pages/dashboard.vue                      | 16 ++++++++--------
 pages/mod/_id/version/_version/index.vue |  2 +-
 plugins/compiled-markdown-directive.js   |  1 +
 4 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/assets/styles/components.scss b/assets/styles/components.scss
index 1bfb59a5a..e3e746d42 100644
--- a/assets/styles/components.scss
+++ b/assets/styles/components.scss
@@ -350,9 +350,6 @@
         margin-bottom: 0.5rem;
         @extend %transparent-clickable;
 
-        &.last {
-          margin-bottom: 0;
-        }
         svg {
           color: var(--color-icon);
           margin-right: 5px;
@@ -367,6 +364,10 @@
           }
         }
       }
+      
+      .tab:last-child {
+        margin-bottom: 0;
+      }
     }
   }
 
diff --git a/pages/dashboard.vue b/pages/dashboard.vue
index 562ab599e..8f2e215d7 100644
--- a/pages/dashboard.vue
+++ b/pages/dashboard.vue
@@ -3,18 +3,18 @@
     <div class="page-contents">
       <div class="sidebar-l">
         <div v-if="$auth.user != null" class="card page-nav">
-          <nuxt-link :to="'/dashboard/projects'" class="tab last">
+          <nuxt-link :to="'/dashboard/projects'" class="tab">
             <ModIcon />
             My mods
           </nuxt-link>
-          <nuxt-link :to="'/dashboard/notifications'" class="tab last">
+          <nuxt-link :to="'/dashboard/notifications'" class="tab">
             <NotificationsIcon />
             Notifications
             <div v-if="this.$user.notifications.count > 0" class="notif-count">
               {{ this.$user.notifications.count }}
             </div>
           </nuxt-link>
-          <nuxt-link :to="'/dashboard/follows'" class="tab last">
+          <nuxt-link :to="'/dashboard/follows'" class="tab">
             <FollowIcon />
             Followed mods
           </nuxt-link>
@@ -23,26 +23,26 @@
               $auth.user.role === 'admin' || $auth.user.role === 'moderator'
             "
             :to="'/dashboard/moderation'"
-            class="tab last"
+            class="tab"
           >
             <ModerationIcon />
             Moderation
           </nuxt-link>
-          <nuxt-link :to="'/dashboard/settings'" class="tab last">
+          <nuxt-link :to="'/dashboard/settings'" class="tab">
             <SettingsIcon />
             Settings
           </nuxt-link>
-          <nuxt-link :to="'/dashboard/privacy'" class="tab last">
+          <nuxt-link :to="'/dashboard/privacy'" class="tab">
             <ShieldIcon />
             Privacy settings
           </nuxt-link>
         </div>
         <div v-else class="card page-nav">
-          <a :href="authUrl" class="tab last">
+          <a :href="authUrl" class="tab">
             <UserIcon />
             Log in
           </a>
-          <nuxt-link :to="'/dashboard/privacy'" class="tab last">
+          <nuxt-link :to="'/dashboard/privacy'" class="tab">
             <SettingsIcon />
             Privacy settings
           </nuxt-link>
diff --git a/pages/mod/_id/version/_version/index.vue b/pages/mod/_id/version/_version/index.vue
index 505bb609e..f679315d0 100644
--- a/pages/mod/_id/version/_version/index.vue
+++ b/pages/mod/_id/version/_version/index.vue
@@ -221,7 +221,7 @@ export default {
   mounted() {
     this.$emit('update:link-bar', [
       ['Versions', 'versions'],
-      [this.version.name, 'versions/' + this.version.id],
+      [this.version.name, 'version/' + this.version.id],
     ])
   },
   methods: {
diff --git a/plugins/compiled-markdown-directive.js b/plugins/compiled-markdown-directive.js
index d1e905088..5c32f12fd 100644
--- a/plugins/compiled-markdown-directive.js
+++ b/plugins/compiled-markdown-directive.js
@@ -12,6 +12,7 @@ const options = {
     h4: ['id'],
     h5: ['id'],
     h6: ['id'],
+    input: ['checked', 'disabled', 'type'],
     iframe: ['width', 'height', 'allowfullscreen', 'frameborder'],
   },
   onIgnoreTagAttr: (tag, name, value) => {