X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FAnalyse.vue;h=175cc15714b6e3aa88994f2b950fca156ac2863d;hb=8b3b2151048df82b70502c84c4f45c9ce2d5ca88;hp=bc88c7573f0292f8556ebf958f66277923869a67;hpb=26d8a01a40dc198b633ae86f698b1ae82415e5e1;p=vchess.git

diff --git a/client/src/views/Analyse.vue b/client/src/views/Analyse.vue
index bc88c757..175cc157 100644
--- a/client/src/views/Analyse.vue
+++ b/client/src/views/Analyse.vue
@@ -7,7 +7,8 @@ main
   )
     .card
       label.modal-close(for="modalRules")
-      h4#variantNameInAnalyze(@click="gotoRules()") {{ game.vname }}
+      a#variantNameInAnalyze(:href="'/#/variants/'+game.vname")
+        | {{ game.vname }}
       div(v-html="rulesContent")
   .row
     .col-sm-12
@@ -103,17 +104,14 @@ export default {
           "raw-loader!@/translations/rules/" +
           this.gameRef.vname + "/" +
           this.st.lang + ".pug"
-        )
+          ).default
+        .replace('export default "', "")
+        .replace(/";$/, "")
         // Next two lines fix a weird issue after last update (2019-11)
         .replace(/\\n/g, " ")
         .replace(/\\"/g, '"')
-        .replace('module.exports = "', "")
-        .replace(/"$/, "")
         .replace(/(fen:)([^:]*):/g, replaceByDiag);
     },
-    gotoRules: function() {
-      this.$router.push("/variants/" + this.gameRef.vname);
-    },
     loadGame: function(orientation) {
       this.game.vname = this.gameRef.vname;
       this.game.fenStart = this.gameRef.fen;
@@ -149,11 +147,13 @@ export default {
 </style>
 
 <style lang="sass" scoped>
-h4#variantNameInAnalyze
-  cursor: pointer
+a#variantNameInAnalyze
+  color: var(--card-fore-color)
   text-align: center
-  text-decoration: underline
   font-weight: bold
+  font-size: calc(1rem * var(--heading-ratio))
+  line-height: 1.2
+  margin: calc(1.5 * var(--universal-margin))
 
 #rulesDiv > .card
   padding: 5px 0