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