From c8adc77938a7757dab899adcf367f114d050fb52 Mon Sep 17 00:00:00 2001
From: EisiBaer <manuel.eisinger@protonmail.com>
Date: Tue, 18 Jul 2023 20:59:00 +0200
Subject: [PATCH] Removed debug output; CategoryHeaderCard always only 1 line
 high

---
 src/webapp/components/blocks/CategoryHeaderCard.vue | 9 +++++++--
 src/webapp/components/pages/Game.vue                | 1 +
 src/webapp/stores/GameStore.js                      | 4 +---
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/webapp/components/blocks/CategoryHeaderCard.vue b/src/webapp/components/blocks/CategoryHeaderCard.vue
index e9dcbb1..674b1b9 100644
--- a/src/webapp/components/blocks/CategoryHeaderCard.vue
+++ b/src/webapp/components/blocks/CategoryHeaderCard.vue
@@ -9,9 +9,14 @@ const props = defineProps({
 
 <template>
   <div class="card bg-pink-accent-primary mb-1 flex-fill category-header-card" :title="props.categoryDescription">
-    <div class="card-body text-center">
+    <div class="card-body text-center overflow-auto">
       <div class="d-flex justify-content-center align-items-center h-100">
-        <h4 class="mb-0 user-select-none">
+        <h4 class="invisible">
+          &nbsp;
+        </h4>
+      </div>
+      <div class="position-absolute start-50 top-50 translate-middle w-100">
+        <h4 class="mb-0 user-select-none category-text">
           {{ props.categoryName }}
         </h4>
       </div>
diff --git a/src/webapp/components/pages/Game.vue b/src/webapp/components/pages/Game.vue
index 4c0f6f7..5457b71 100644
--- a/src/webapp/components/pages/Game.vue
+++ b/src/webapp/components/pages/Game.vue
@@ -407,6 +407,7 @@ onBeforeRouteLeave((to, from) => {
 //TODO List:
 //  -Profile Pic
 //  -More Question Types
+//  -Height of Category Headers (on Multiline)
 
 </script>
 
diff --git a/src/webapp/stores/GameStore.js b/src/webapp/stores/GameStore.js
index 28bfdd7..cbc834d 100644
--- a/src/webapp/stores/GameStore.js
+++ b/src/webapp/stores/GameStore.js
@@ -69,7 +69,7 @@ export const useGameStore = defineStore('game', {
           }
         })
         .catch( ( err ) => {
-          console.debug(err);
+          console.err(err);
           reject("An Error occured while joining this game! You will be forwarded to the main page");
         })
       });
@@ -227,7 +227,6 @@ export const useGameStore = defineStore('game', {
         }
 
         this.websocketConnection.onmessage = ( message ) => {
-          console.debug("Got Message!", message);
           let dataRaw = message.data;
           if( dataRaw === undefined || typeof dataRaw !== "string" ){
             console.error("Data not parseable")
@@ -238,7 +237,6 @@ export const useGameStore = defineStore('game', {
           this.socketListeners.forEach( x => {
             if( data.event === x.event){
               x.callback(data);
-              console.debug( x.event + " callback called");
             }
           });
         };