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

ux: clean up footer (#23261)

Browse Source 
Simplify the footer.

<img width="1238" height="516" alt="screen"
src="https://github.com/user-attachments/assets/fe397763-28ab-4ad4-84d5-ba3fc9767885"
/>
This commit is contained in:
Arthur
2025-08-19 11:07:03 +02:00
committed by GitHub
parent 432ecfe996
commit 00da2c5f7f
14 changed files with 145 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
assets/css/utilities.css
View File

@@ -10,6 +10,13 @@
}
}
@utility icon-md {
svg {
font-size: 24px;
}
}
@utility icon-lg {
svg {
font-size: 32px;
@@ -263,3 +270,44 @@
font-size: 19px;
}
}
.footer {
@apply hidden md:flex flex-row ml-auto justify-between px-4 pt-6 pb-2 gap-6;
@apply bg-gray-100 dark:bg-gray-900 border-t border-gray-200 dark:border-gray-700;
@apply text-gray-600 dark:text-gray-400;
a:hover{
@apply underline underline-offset-4;
}
}
.social {
@apply items-center gap-1 flex-wrap min-w-20 flex;
}
.links {
@apply flex items-center gap-3;
}
.links a {
@apply inline-flex whitespace-normal truncate min-w-15;
}
.secondaryLinks {
@apply flex items-center;
a, button{
@apply whitespace-normal md:truncate;
}
}
.secondaryLinks > *:not(:last-child)::after {
content: "|";
@apply text-gray-400 mx-1;
}
.ot-sdk-show-settings {
@apply !text-gray-600 dark:!text-gray-400 hover:!text-gray-800 dark:hover:!text-gray-200;
@apply !text-sm !border-none !p-0 !m-0 !truncate !min-w-15;
}
#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover{
@apply hover:!bg-transparent !text-gray-600 dark:!text-gray-400 underline underline-offset-4 decoration-1;
}

8
assets/icons/facebook.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_230_146" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20">
<path d="M18 2C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2H18ZM13.625 4.85742C11.5908 4.85753 10.2617 6.09028 10.2617 8.32227V10.2842H8V12.8584H10.2617V19.082C10.715 19.1532 11.18 19.1904 11.6533 19.1904C12.1264 19.1904 12.5908 19.1531 13.0439 19.082V12.8584H15.1191L15.5146 10.2842H13.0439V8.61328C13.0441 7.9091 13.39 7.22266 14.4961 7.22266H15.6191V5.03125C15.6191 5.03125 14.5994 4.85742 13.625 4.85742Z" fill="#6C7E9D"/>
</mask>
<g mask="url(#mask0_230_146)">
<rect width="24" height="24" fill="#4B83F1"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 798 B

8
assets/icons/instagram.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_230_156" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C3.79086 2 2 3.79086 2 6V18C2 20.2091 3.79086 22 6 22H18C20.2091 22 22 20.2091 22 18V6C22 3.79086 20.2091 2 18 2H6ZM7.82824 6.03828C8.21814 5.8855 8.66433 5.78086 9.31759 5.75002C9.97247 5.7186 10.1815 5.71145 11.8485 5.70826C13.5159 5.70508 13.725 5.71144 14.3798 5.7405C15.0333 5.76874 15.4797 5.87179 15.8704 6.02297C16.2746 6.17873 16.6175 6.3884 16.9593 6.72877C17.3011 7.06953 17.5115 7.41129 17.6693 7.81491C17.8218 8.20521 17.9265 8.65101 17.9575 9.30467C17.9885 9.95935 17.9961 10.1682 17.9993 11.8354C18.0025 13.5024 17.9957 13.7117 17.9671 14.367C17.9386 15.0201 17.8358 15.4666 17.6846 15.8572C17.5284 16.2614 17.3192 16.6043 16.9788 16.9461C16.6384 17.288 16.2963 17.4983 15.8927 17.6563C15.5024 17.8086 15.0566 17.9133 14.4033 17.9445C13.7485 17.9755 13.5394 17.9829 11.8718 17.9861C10.205 17.9893 9.99592 17.9829 9.34107 17.954C8.6876 17.9254 8.241 17.8226 7.85052 17.6716C7.4463 17.5152 7.10336 17.3061 6.76161 16.9656C6.41965 16.625 6.209 16.283 6.05146 15.8794C5.89868 15.4893 5.79443 15.0433 5.7632 14.3903C5.73198 13.7352 5.72462 13.5259 5.72144 11.8589C5.71825 10.1917 5.72482 9.98282 5.75345 9.32794C5.78231 8.67426 5.88475 8.22786 6.03594 7.83697C6.19209 7.43295 6.40137 7.0902 6.74212 6.74824C7.08248 6.40649 7.42461 6.19563 7.82824 6.03828ZM8.24897 16.6401C8.4656 16.7235 8.79065 16.8229 9.38922 16.849C10.0369 16.877 10.2309 16.8832 11.8698 16.88C13.5093 16.877 13.7033 16.8701 14.3508 16.8396C14.9488 16.8112 15.2738 16.7105 15.4898 16.6262C15.7765 16.5142 15.9806 16.3803 16.195 16.1657C16.4095 15.9502 16.5422 15.7455 16.6532 15.4589C16.7367 15.2421 16.836 14.9168 16.862 14.3182C16.8905 13.6709 16.8964 13.4768 16.8932 11.8374C16.8903 10.1985 16.8833 10.0043 16.8525 9.35679C16.8242 8.75862 16.7238 8.43356 16.6392 8.21773C16.5272 7.93069 16.3938 7.72698 16.1785 7.51233C15.9633 7.29769 15.7586 7.16541 15.4715 7.0544C15.2553 6.97066 14.9299 6.87159 14.3317 6.84553C13.684 6.81708 13.4898 6.81131 11.8505 6.8145C10.2116 6.81768 10.0176 6.82425 9.37011 6.85489C8.77175 6.88333 8.4471 6.98379 8.23068 7.06834C7.94421 7.18033 7.74012 7.31341 7.52548 7.52885C7.31123 7.74429 7.17856 7.94858 7.06756 8.23584C6.98441 8.45228 6.88435 8.77772 6.85869 9.37589C6.83043 10.0236 6.82448 10.2178 6.82764 11.8567C6.83064 13.4961 6.83759 13.6902 6.86804 14.3373C6.89609 14.9359 6.99733 15.2606 7.08148 15.4772C7.19348 15.7634 7.32696 15.9676 7.54199 16.1822C7.75743 16.396 7.96213 16.5291 8.24897 16.6401ZM15.1324 9.30031C14.7258 9.3011 14.3952 8.97188 14.3944 8.56527C14.3936 8.15867 14.7228 7.82804 15.1296 7.82725C15.5364 7.82645 15.867 8.15587 15.8678 8.56247C15.8684 8.96909 15.5392 9.29951 15.1324 9.30031ZM11.8662 14.9994C10.1254 15.0027 8.71128 13.5943 8.7079 11.8531C8.70451 10.1123 10.1133 8.69794 11.8541 8.69455C13.5953 8.69117 15.0096 10.1004 15.013 11.841C15.0164 13.5822 13.6072 14.996 11.8662 14.9994ZM11.8563 9.80079C10.7264 9.80278 9.81172 10.7208 9.81371 11.8509C9.8159 12.9812 10.7341 13.8957 11.864 13.8935C12.9943 13.8913 13.909 12.9735 13.9068 11.8432C13.9046 10.7129 12.9864 9.7986 11.8563 9.80079Z" fill="#6C7E9D"/>
</mask>
<g mask="url(#mask0_230_156)">
<rect width="24" height="24" fill="#4B83F1"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

8
assets/icons/linkedin.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_230_168" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20">
<path d="M18 2C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2H18ZM15.0762 8.78418C13.7764 8.78418 12.9253 9.62482 12.6807 10.1172H12.6494V9.00879H10.2266V17.0137H12.7461V12.6738C12.7461 11.5169 13.4782 10.9531 14.2266 10.9531C14.9329 10.9532 15.4823 11.3514 15.4824 12.6406V17.0137H18.001V12.0625C18.001 9.61838 16.4821 8.7842 15.0762 8.78418ZM6.19238 9.00293V17.0068H8.71191V9.00293H6.19238ZM7.45215 5C6.65026 5.00021 6.00023 5.64761 6 6.44629C6 7.24516 6.65011 7.89335 7.45215 7.89355C8.25436 7.89355 8.90527 7.24529 8.90527 6.44629C8.90504 5.64749 8.25422 5 7.45215 5Z" fill="#6C7E9D"/>
</mask>
<g mask="url(#mask0_230_168)">
<rect width="24" height="24" fill="#4B83F1"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 959 B

8
assets/icons/twitter.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_230_151" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20">
<path d="M18 2C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2H18ZM10.9209 12.7061L7 17.2637H7.88574L11.3145 13.2783L14.0527 17.2637H17.043L12.9766 11.3457L16.7158 7H15.8301L12.583 10.7734L9.99023 7H7L10.9209 12.7061ZM12.1172 11.3154L12.5146 11.8838L15.8301 16.627H14.4697L11.7637 12.7568L11.3662 12.1885L8.20508 7.66699H9.56641L12.1172 11.3154Z" fill="#6C7E9D"/>
</mask>
<g mask="url(#mask0_230_151)">
<rect width="24" height="24" fill="#4B83F1"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 732 B

8
assets/icons/youtube.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_230_161" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20">
<path d="M18 2C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2H18ZM11.9355 7.72754C11.9019 7.72754 8.13938 7.7287 7.19727 7.98242C6.67567 8.12299 6.26429 8.53652 6.125 9.06152C5.87349 10.0064 5.87111 11.9686 5.87109 12C5.87111 12.0315 5.87342 13.9947 6.125 14.9395C6.26446 15.4641 6.67588 15.878 7.19727 16.0186C8.14047 16.2722 11.9019 16.2734 11.9355 16.2734C11.9792 16.2734 15.7348 16.2721 16.6748 16.0186C17.1961 15.8779 17.6077 15.4641 17.7471 14.9395C17.9986 13.9953 18 12.0314 18 12C18 11.9686 17.9985 10.0065 17.7471 9.06152C17.6079 8.5367 17.1961 8.12318 16.6748 7.98242C15.7348 7.72891 11.9792 7.72755 11.9355 7.72754ZM13.8652 12L10.6953 13.8037V10.1973L13.8652 12Z" fill="#6C7E9D"/>
</mask>
<g mask="url(#mask0_230_161)">
<rect width="24" height="24" fill="#4B83F1"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

1
assets/images/FacebookCircle.svg
View File

@@ -1 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.54 24c5.948-.736 10.552-5.807 10.552-11.954C24.092 5.393 18.699 0 12.046 0S0 5.393 0 12.046c0 5.842 4.158 10.712 9.677 11.813v-8.374H6.538v-3.573h3.139V9.188c0-3.098 1.845-4.81 4.669-4.81 1.352 0 2.767.242 2.767.242v3.042h-1.559c-1.536 0-2.014.953-2.014 1.93v2.32h3.428l-.548 3.573h-2.88V24Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 413 B

1
assets/images/InstagramCircle.svg
View File

@@ -1 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12ZM6.984 4.774c.485-.19 1.04-.32 1.853-.359.814-.039 1.074-.048 3.148-.052 2.075-.004 2.335.004 3.15.04.812.035 1.368.164 1.853.352.503.193.93.454 1.355.878.425.424.687.849.883 1.35.19.486.32 1.041.359 1.854.038.815.048 1.074.052 3.148.004 2.074-.005 2.335-.04 3.15-.036.812-.164 1.368-.352 1.854a3.737 3.737 0 0 1-.878 1.354 3.746 3.746 0 0 1-1.35.884c-.486.19-1.04.32-1.853.358-.815.039-1.075.048-3.15.052-2.073.004-2.333-.004-3.148-.04-.813-.036-1.369-.163-1.854-.351a3.746 3.746 0 0 1-1.355-.878 3.74 3.74 0 0 1-.883-1.352c-.19-.485-.32-1.04-.359-1.852-.039-.815-.048-1.075-.052-3.15-.004-2.073.004-2.333.04-3.148.036-.813.163-1.368.351-1.855.195-.502.455-.929.879-1.354a3.736 3.736 0 0 1 1.35-.883Zm.523 13.189c.27.103.674.227 1.419.26.806.034 1.047.042 3.086.038 2.04-.004 2.28-.012 3.086-.05.744-.036 1.148-.16 1.417-.266.357-.14.61-.306.877-.573.267-.268.432-.522.57-.879.104-.27.228-.674.26-1.419.035-.805.043-1.047.039-3.086-.004-2.039-.012-2.28-.05-3.086-.036-.744-.16-1.149-.266-1.417a2.366 2.366 0 0 0-.573-.878 2.364 2.364 0 0 0-.88-.57c-.269-.103-.674-.227-1.418-.26-.805-.034-1.047-.042-3.086-.038-2.04.004-2.28.012-3.086.05-.744.036-1.148.16-1.417.266a2.38 2.38 0 0 0-.878.573 2.37 2.37 0 0 0-.57.88c-.103.269-.227.674-.26 1.418-.034.805-.042 1.047-.038 3.086.004 2.04.013 2.28.05 3.086.035.744.161 1.148.266 1.418.14.356.305.61.573.877.268.266.522.431.88.57Zm8.563-9.131a.917.917 0 1 1-.003-1.833.917.917 0 0 1 .003 1.833Zm-4.063 7.09a3.921 3.921 0 1 1-.015-7.843 3.921 3.921 0 0 1 .015 7.842Zm-.012-6.468a2.546 2.546 0 1 0 .01 5.092 2.546 2.546 0 0 0-.01-5.092Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

1
assets/images/LinkedinCircle.svg
View File

@@ -1 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12ZM8.176 9.66H5.174v9.035h3.002V9.66Zm-3.18-2.795c0-.885.671-1.56 1.699-1.56 1.027 0 1.66.675 1.679 1.56 0 .867-.652 1.562-1.7 1.562h-.018c-1.008 0-1.66-.695-1.66-1.562Zm7.845 4.074c.398-.614 1.112-1.49 2.706-1.49 1.976 0 3.457 1.29 3.457 4.065v5.18h-3.002v-4.833c0-1.214-.435-2.043-1.522-2.043-.829 0-1.323.559-1.54 1.098-.08.194-.099.463-.099.733v5.046H9.838s.04-8.187 0-9.035h3.003v1.28Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 578 B

1
assets/images/TwitterCircle.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29 29"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path d="M14.62 13.41l-3.3-4.62H9.56l4.09 5.72.51.72 3.51 4.91h1.76l-4.29-6.01-.52-.72z"/><path d="M14.5 0A14.5 14.5 0 1029 14.5 14.5 14.5 0 0014.5 0zm2.63 20.94l-3.55-5.05-4.43 5.05H8l5.07-5.77L8 7.94h3.87l3.36 4.78 4.2-4.78h1.15l-4.84 5.51L21 20.94z"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 403 B

1
assets/images/YoutubeCircle.svg
View File

@@ -1 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm7.543-15.79a1.971 1.971 0 0 0-1.392-1.39C16.923 6.49 12 6.49 12 6.49s-4.924 0-6.152.33a1.972 1.972 0 0 0-1.391 1.39c-.33 1.229-.33 3.79-.33 3.79s0 2.562.33 3.79c.18.677.714 1.21 1.391 1.391 1.228.329 6.151.329 6.151.329s4.923 0 6.15-.329a1.972 1.972 0 0 0 1.393-1.392c.329-1.227.329-3.789.329-3.789s0-2.561-.33-3.79Zm-9.117 6.151L14.516 12l-4.09-2.361v4.722Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 549 B