centersl/docker-docs
1
0
Fork 0
mirror of https://github.com/docker/docs.git synced 2026-03-27 06:18:55 +07:00
Code Issues Packages Projects Releases Wiki Activity

ux: improve release notes formatting (#23293)

Browse Source 
Improve formatting of dowload links in release notes.
This commit is contained in:
Arthur
2025-08-22 12:34:28 +02:00
committed by GitHub
parent 170ae6d609
commit 81c1094570
4 changed files with 86 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
assets/css/components.css
View File

@@ -84,40 +84,47 @@
@apply list-disc pl-5 mb-1;
}
.download-links {
@apply block;
@apply text-gray-800;
@apply dark:text-gray-200;
@apply my-0 text-gray-600 dark:text-gray-400 rounded-sm border-1 border-gray-100 bg-gray-100/10 px-2 py-1;
@apply dark:border-gray-800 dark:bg-gray-900;
font-size: 86%;
}
.download-links a {
@apply link;
}
.download-links-subcontainer {
@apply flex flex-wrap gap-2;
@apply flex flex-row gap-2 justify-between;
ul{
@apply m-0 p-0 list-none;
li{
@apply p-0 m-0;
}
}
}
.card-image {
@apply h-12 w-12 overflow-hidden;
}
}
.button {
@apply my-2 mr-2 inline-block rounded-sm bg-blue-500 p-1 px-3 text-white hover:bg-blue-600 dark:bg-blue-500 hover:dark:bg-blue-400;
}
.button {
@apply my-2 mr-2 inline-block rounded-sm bg-blue-500 p-1 px-3 text-white hover:bg-blue-600 dark:bg-blue-500 hover:dark:bg-blue-400;
}
.summary-bar {
@apply my-1 mt-4 flex flex-col rounded-sm border-1 border-gray-100 bg-gray-50 p-4 dark:border-gray-800 dark:bg-gray-900;
}
.summary-bar {
@apply my-1 mt-4 flex flex-col rounded-sm border-1 border-gray-100 bg-gray-50 p-4 dark:border-gray-800 dark:bg-gray-900;
}
.tabs {
@apply bg-blue/2 rounded-sm p-2;
}
.tablist {
@apply mb-1 border-b border-gray-100 dark:border-gray-800;
}
.tabs {
@apply bg-blue/2 rounded-sm p-2;
}
.tablist {
@apply mb-1 border-b border-gray-100 dark:border-gray-800;
}
.tab-item {
@apply inline-block rounded-t-sm px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-900;
@apply dark:text-gray-200;
}
.tab-item {
@apply inline-block rounded-t-sm px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-900;
@apply dark:text-gray-200;
}
}

3
hugo_stats.json
View File

@@ -394,6 +394,9 @@
"max-w-full",
"max-w-none",
"max-w-xl",
"mb-0.5",
"mb-0.6",
"mb-0.7",
"mb-1",
"mb-1.5",
"mb-2",

98
layouts/shortcodes/desktop-install-v2.html
View File

@@ -5,49 +5,57 @@
{{- $linux := .Get "linux" -}}
{{- $build_path := .Get "build_path" -}}
<blockquote {{ if eq $build_path "/" }} class="tip" {{ end }} class="not-prose download-links">
<p>Download Docker Desktop:</p>
<div class="download-links-subcontainer">
{{- if or $all $win }}
<div>
<a rel="noopener"
href="https://desktop.docker.com/win/main/amd64{{ $build_path }}Docker%20Desktop%20Installer.exe?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-windows">Windows</a>
(<a rel="noopener"
href="https://desktop.docker.com/win/main/amd64{{ $build_path }}checksums.txt">checksum</a>)
</div>
{{ end }}
{{- if or $win_arm_release }}
<div>
<a rel="noopener"
href="https://desktop.docker.com/win/main/arm64{{ $build_path }}Docker%20Desktop%20Installer.exe?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-windows">Windows ARM {{ $win_arm_release }}</a>
(<a rel="noopener"
href="https://desktop.docker.com/win/main/arm64{{ $build_path }}checksums.txt">checksum</a>)
</div>
{{ end }}
{{- if or $all $mac }}
<div>
<a rel="noopener" href="https://desktop.docker.com/mac/main/arm64{{ $build_path }}Docker.dmg?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-mac-arm64">Mac with Apple chip</a>
(<a rel="noopener"
href="https://desktop.docker.com/mac/main/arm64{{ $build_path }}checksums.txt">checksum</a>)
</div>
<div>
<a rel="noopener" href="https://desktop.docker.com/mac/main/amd64{{ $build_path }}Docker.dmg?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-mac-amd64">Mac with Intel chip</a>
(<a rel="noopener"
href="https://desktop.docker.com/mac/main/amd64{{ $build_path }}checksums.txt">checksum</a>)
</div>
{{ end -}}
{{- if or $all $linux }}
<div>
<a rel="noopener"
href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}docker-desktop-amd64.deb?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-linux-amd64">Debian</a>
-
<a rel="noopener"
href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}docker-desktop-x86_64.rpm?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-linux-amd64">RPM</a>
-
<a rel="noopener"
href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}docker-desktop-x86_64.pkg.tar.zst?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-linux-amd64">Arch</a>
(<a rel="noopener"
href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}checksums.txt">checksum</a>)
</div>
{{- end -}}
</div>
<p class="font-semibold mb-1">Download Docker Desktop</p>
<div class="download-links-subcontainer">
{{- if or $all $win $win_arm_release }}
<ul> {{ end }}
{{- if or $all $win }}
<li>
<a rel="noopener"
href="https://desktop.docker.com/win/main/amd64{{ $build_path }}Docker%20Desktop%20Installer.exe?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-windows">Windows</a>
(<a rel="noopener"
href="https://desktop.docker.com/win/main/amd64{{ $build_path }}checksums.txt">checksum</a>)
</li>
{{ end }}
{{- if or $win_arm_release }}
<li>
<a rel="noopener"
href="https://desktop.docker.com/win/main/arm64{{ $build_path }}Docker%20Desktop%20Installer.exe?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-windows">Windows ARM {{ $win_arm_release }}</a>
(<a rel="noopener"
href="https://desktop.docker.com/win/main/arm64{{ $build_path }}checksums.txt">checksum</a>)
</li>
{{ end }}
{{- if or $all $win $win_arm_release }}
</ul> {{ end }}
{{- if or $all $mac }}
<ul>
<li>
<a rel="noopener" href="https://desktop.docker.com/mac/main/arm64{{ $build_path }}Docker.dmg?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-mac-arm64">Mac with Apple chip</a>
(<a rel="noopener"
href="https://desktop.docker.com/mac/main/arm64{{ $build_path }}checksums.txt">checksum</a>)
</li>
<li>
<a rel="noopener" href="https://desktop.docker.com/mac/main/amd64{{ $build_path }}Docker.dmg?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-mac-amd64">Mac with Intel chip</a>
(<a rel="noopener"
href="https://desktop.docker.com/mac/main/amd64{{ $build_path }}checksums.txt">checksum</a>)
</li>
</ul>
{{ end -}}
{{- if or $all $linux }}
<ul>
<li>
<a rel="noopener"
href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}docker-desktop-amd64.deb?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-linux-amd64">Debian</a>
-
<a rel="noopener"
href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}docker-desktop-x86_64.rpm?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-linux-amd64">RPM</a>
-
<a rel="noopener"
href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}docker-desktop-x86_64.pkg.tar.zst?utm_source=docker&utm_medium=webreferral&utm_campaign=docs-driven-download-linux-amd64">Arch</a>
(<a rel="noopener"
href="https://desktop.docker.com/linux/main/amd64{{ $build_path }}checksums.txt">checksum</a>)
</li>
</ul>
{{- end -}}
</div>
</blockquote>

2
layouts/shortcodes/release-date.html
View File

@@ -1 +1 @@
<em class="text-gray-200 italic dark:text-gray-500">{{ .Get "date" }}</em>
<em class="text-gray-400 italic dark:text-gray-500">{{ .Get "date" }}</em>