fix: footer only showable when jobs present
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
4b798163f9
commit
0598077fbf
1 changed files with 10 additions and 2 deletions
|
@ -6,6 +6,7 @@
|
||||||
|
|
||||||
let hidden = true;
|
let hidden = true;
|
||||||
let activeJobs: number;
|
let activeJobs: number;
|
||||||
|
$: togglable = activeJobs > 0 || !hidden;
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<footer id="footer" class:hidden>
|
<footer id="footer" class:hidden>
|
||||||
|
@ -13,7 +14,7 @@
|
||||||
<Notifications />
|
<Notifications />
|
||||||
</div>
|
</div>
|
||||||
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
<!-- 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">
|
<div class="info">
|
||||||
{#if activeJobs > 0}
|
{#if activeJobs > 0}
|
||||||
{$i18n.t("Active jobs:")} {activeJobs}
|
{$i18n.t("Active jobs:")} {activeJobs}
|
||||||
|
@ -64,9 +65,16 @@
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
|
&:not(.togglable) {
|
||||||
|
cursor: unset;
|
||||||
|
pointer-events: none;
|
||||||
|
opacity: 0.66;
|
||||||
|
}
|
||||||
|
|
||||||
|
transition: opacity 0.7s ease;
|
||||||
|
|
||||||
.info {
|
.info {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
opacity: 0.75;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue