From 0598077fbf1e19a42b66fb11c74863e296ac0fd2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sun, 27 Aug 2023 10:06:51 +0200
Subject: [PATCH] fix: footer only showable when jobs present

---
 webui/src/components/layout/Footer.svelte | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/webui/src/components/layout/Footer.svelte b/webui/src/components/layout/Footer.svelte
index c68d32e..3f6fecd 100644
--- a/webui/src/components/layout/Footer.svelte
+++ b/webui/src/components/layout/Footer.svelte
@@ -6,6 +6,7 @@
 
   let hidden = true;
   let activeJobs: number;
+  $: togglable = activeJobs > 0 || !hidden;
 </script>
 
 <footer id="footer" class:hidden>
@@ -13,7 +14,7 @@
     <Notifications />
   </div>
   <!-- svelte-ignore a11y-click-events-have-key-events -->
-  <div class="status" on:click={() => (hidden = !hidden)}>
+  <div class="status" class:togglable on:click={() => (hidden = !hidden)}>
     <div class="info">
       {#if activeJobs > 0}
         {$i18n.t("Active jobs:")} {activeJobs}
@@ -64,9 +65,16 @@
 
     cursor: pointer;
 
+    &:not(.togglable) {
+      cursor: unset;
+      pointer-events: none;
+      opacity: 0.66;
+    }
+
+    transition: opacity 0.7s ease;
+
     .info {
       flex-grow: 1;
-      opacity: 0.75;
     }
   }