Skip to content

Hide featured nightly from other builds list #12920

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
PavelLaptev merged 4 commits into from
Mar 19, 2026
+48 −9
Merged

Hide featured nightly from other builds list #12920

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
ef43e55
Hide featured nightly from other builds list
codex Mar 18, 2026
b81dbc1
fix: `check` errors
PavelLaptev Mar 19, 2026
3b2042e
(ui): style nightly link and add "Other" header
PavelLaptev Mar 19, 2026
f65f618
refactor: replace h3 with h2 and simplify nightly list
PavelLaptev Mar 19, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
40 changes: 39 additions & 1 deletion apps/web/src/routes/downloads/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -178,14 +178,18 @@
<div class="nightly-info">
<p class="text-14 text-body clr-text-2">
Experience GitButler’s newest features before anyone else. ⋆˚₊
<a href="/nightly" class="download-link"> Get Nightly </a>
<a href="/nightly" class="nightly-info__download-link"> Get Nightly </a>
☽˚.⋆
</p>
</div>
</div>
</section>

<section class="releases">
<h2>
Other <i>releases:</i>
</h2>

{#each data.releases.filter((release) => release.version !== latestRelease.version) as release (release.version)}
<ReleaseCard
{release}
Expand Down Expand Up @@ -258,6 +262,14 @@
font-family: var(--font-mono);
}

.nightly-info__download-link {
text-decoration: underline;

&:hover {
text-decoration: underline wavy;
}
}

/* LINKS */
.download-links__wrapper {
display: flex;
Expand Down Expand Up @@ -413,6 +425,32 @@
border: 1px solid var(--clr-border-2);
border-radius: var(--radius-xl);
font-family: var(--font-mono);

& h2 {
position: relative;
padding: 16px 24px 12px;
font-size: 40px;
line-height: 1.2;
font-family: var(--font-accent);
}

& h2:after {
z-index: 0;
position: absolute;
right: 24px;
bottom: 0;
left: 24px;
height: 1px;
background: repeating-linear-gradient(
to right,
var(--clr-text-2),
var(--clr-text-2) 2px,
transparent 2px,
transparent 6px
);
content: "";
pointer-events: none;
}
}

@media (max-width: 900px) {
Expand Down
14 changes: 7 additions & 7 deletions apps/web/src/routes/nightly/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,15 +8,15 @@

interface Props {
data: {
nightlies: Release[];
otherNightlies: Release[];
latestNightly: Release | null;
latestNightlyBuilds: LatestReleaseBuilds;
};
}

const { data }: Props = $props();

const { latestNightly, latestNightlyBuilds } = data;
const { latestNightly, latestNightlyBuilds, otherNightlies } = data;

let linuxArch = $state<"x86-64" | "ARM64">("x86-64");
let expandedRelease: string | null = $state(null);
Expand Down Expand Up @@ -202,13 +202,13 @@
{/if}
</section>

{#if data.nightlies.length > 0}
{#if otherNightlies.length > 0}
<section class="releases">
<h3>
<h2>
Other <i>nightly</i> builds:
</h3>
</h2>

{#each data.nightlies as release, index (`${release.version}-${release.sha}-${index}`)}
{#each otherNightlies as release, index (`${release.version}-${release.sha}-${index}`)}
<div class="release-row">
<button
type="button"
Expand Down Expand Up @@ -474,7 +474,7 @@
border-radius: var(--radius-xl);
font-family: var(--font-mono);

& h3 {
& h2 {
padding: 16px 24px 12px;
font-size: 40px;
line-height: 1.2;
Expand Down
3 changes: 2 additions & 1 deletion apps/web/src/routes/nightly/+page.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,10 @@ export const load: PageLoad = async () => {
const nightlies = await fetchAndProcessReleases(15, "nightly");
const latestNightly = nightlies[0] || null;
const latestNightlyBuilds = latestNightly ? createLatestReleaseBuilds(latestNightly) : {};
const otherNightlies = nightlies.slice(1);

return {
nightlies,
otherNightlies,
latestNightly,
latestNightlyBuilds,
};
Expand Down
Loading