From 0065d416e928484bf4a5dff51ed993cb276af2db Mon Sep 17 00:00:00 2001
From: vhaudiquet <vhaudiquet343@hotmail.fr>
Date: Sat, 30 Nov 2024 18:25:55 +0100
Subject: [PATCH] Tryfix sidebar overflow :)

---
 frontend/components/SideBar.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/components/SideBar.vue b/frontend/components/SideBar.vue
index ea19e14..307caac 100644
--- a/frontend/components/SideBar.vue
+++ b/frontend/components/SideBar.vue
@@ -25,10 +25,10 @@ function handleStateChange(newState : string, newLane: number) {
 
         <div v-for="(lane, i) in championLanes">
 
-        <div style="display: flex; align-items: center; margin-top: 30px;">
+        <div style="display: flex; align-items: center; margin-top: 30px; padding-right: 10px; overflow: hidden;">
         <h1 style="font-size: 2.4rem; padding-left: 20px;">{{ championName }}</h1>
         <img style="margin-left: 10px;" width="40" height="40" :src="LANE_IMAGES[lanePositionToIndex(lane.data)]" />
-        <h2 style="margin-left: 5px; font-size: 1.8rem; font-weight: 200;">{{ POSITIONS_STR[lanePositionToIndex(lane.data.toLowerCase())] }}</h2>
+        <h2 v-if="championName.length < 8" style="margin-left: 5px; font-size: 1.8rem; font-weight: 200;">{{ POSITIONS_STR[lanePositionToIndex(lane.data.toLowerCase())] }}</h2>
         </div>
 
         <h2 :class="'sidebar-link ' + (state == 'runes' && laneState == i ? 'sidebar-link-selected' : '')"