From bc0072b88a3ee47e946b28548ed51f0c94f0d45b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Timoth=C3=A9e=20Poussard?= <tpoussard@neogeo.fr>
Date: Tue, 28 Sep 2021 16:48:06 +0200
Subject: [PATCH] hide too long project name and remove useless file

---
 dump.rdb    | Bin 92 -> 0 bytes
 src/App.vue |  20 +++++++++++++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)
 delete mode 100644 dump.rdb

diff --git a/dump.rdb b/dump.rdb
deleted file mode 100644
index 8783eda81682fd23bb8226256569cdf2cbb774c8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 92
zcmWG?b@2=~Ffg$E#aWb^l3A=<mRiJWre~yQ`il!9kd#?ce8AxsYjR0uZt9^m0&<DJ
tI7*9CQ*?7va}PBv<7fEAlbD~TTTqmmn46T7dVt}-+r}wx`6gal1OOpdB=7(L

diff --git a/src/App.vue b/src/App.vue
index 7cc79022..988d513b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,7 +21,10 @@
             ]"
             @click="menuIsOpen = !menuIsOpen"
           >
-            <span v-if="project"> Projet : {{ project.title }} </span>
+            <!-- empty span to occupy space for style if no project -->
+            <span>
+              <span v-if="project"> Projet : {{ project.title }} </span>
+            </span>
             <i class="dropdown icon"></i>
             <div
               :class="['menu', { 'visible transition': menuIsOpen }]"
@@ -240,6 +243,21 @@ footer {
   div.menu {
     width: 100vw;
   }
+  .menu.container a.header {
+    width: 70px;
+  }
+  .menu.container a.header > img {
+    margin: 0;
+  }
+  #menu-dropdown {
+    width: calc(100vw - 70px);
+    justify-content: space-between;
+  }
+  #menu-dropdown > span {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
 }
 
 .ui.menu .ui.dropdown .menu > .item.no-hover:hover {
-- 
GitLab