frontend: prevent external-link extensions from showing as active in the sidebar

Author: nicoschmdt

core/frontend/src/App.vue

@@ -123,7 +123,7 @@
           nav
           dense
         >
-          <v-list-item-group color="primary">
+          <v-list-item-group :color="menu.new_page ? undefined : 'primary'">
             <v-list-group
               v-if="menu.submenus"
               :id="`button-to-${menu.title.toLowerCase().replace(' ', '-')}`"
@@ -208,6 +208,7 @@
             <v-list-item
               v-else
               :id="`button-to-${menu.title.toLowerCase().replace(' ', '-')}`"
+              :class="{ 'external-link': menu.new_page }"
               :to="menu.new_page || menu.disabled ? null : menu.route"
               :target="menu.new_page ? '_blank' : '_self'"
               :href="menu.extension && !menu.disabled ? menu.route : undefined"
@@ -935,6 +936,11 @@ export default Vue.extend({
 ::-webkit-scrollbar-thumb:hover {
   background: var(--v-primary-base);
 }
+
+.external-link.v-list-item--active::before {
+  opacity: 0 !important;
+}
+
 </style>
 
 <style scoped>