Commit Graph

63 Commits

Author SHA1 Message Date
Arthur
6a940f3b2a ux: update code block styling (#22761)
![export](https://github.com/user-attachments/assets/9a9df60b-22db-42b9-9b5d-3d2c7812bb0e)
2025-06-04 15:38:11 +02:00
Arthur
9eff1ba5fc theme: extract more styles (#22734)
Extract shared styling into appropriate utilities.
Improve toc width.
2025-05-30 09:20:56 -07:00
Arthur
1686e58dd1 fix: various theme improvements (#22725)
Harmonize various areas of the theme.
2025-05-30 11:57:20 +02:00
Arthur
038e6dc682 chore: update Tailwind to v4 (#22666)
- Extract classes to utilities and components.
- Reduce number of colors used.
- Harmonize button colors.
- Restyle admonitions.
- Move **Page options** button to main article.
- Various color tweaks.
2025-05-28 08:37:10 +01:00
Craig Osterhout
6827d48e39 style: update nested ol (#22057)
<!--Delete sections as needed -->

## Description

Update style for nested ordered lists to use numbers, then letters, then
roman numerals.

Example:

https://deploy-preview-22057--docsdocker.netlify.app/contribute/components/lists/
https://docs.docker.com/contribute/components/lists/


![image](https://github.com/user-attachments/assets/bdcaf793-e970-402a-8e8a-3c18d5554584)

## Related issues or tickets

<!-- Related issues, pull requests, or Jira tickets -->

## Reviews


- [ ] Editorial review

Signed-off-by: Craig <craig.osterhout@docker.com>
2025-02-21 08:06:46 -08:00
David Karlsson
d252d1af82 site: remove kapa css overrides/hacks
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2025-01-30 13:25:23 +01:00
David Karlsson
ffd3ccd072 hugo: use render hook for markdown tables
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-10-10 10:46:11 +02:00
David Karlsson
cc9890f036 hugo: minimize width of lineno column for code blocks
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-09-20 11:32:42 +02:00
David Karlsson
4443d3640a hugo: update layout architecture
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-09-16 14:43:05 +02:00
David Karlsson
58aa02924d site: improve search ux, add /search page
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-09-12 17:14:01 +02:00
David Karlsson
c36309ed8a hugo: render site navigation using sections
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-09-09 10:51:38 +02:00
David Karlsson
ea6246b059 hugo: use render hook for callouts
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-08-16 10:28:48 +02:00
David Karlsson
97307d4c66 search: pagefind v1.1.0
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-05-23 14:05:59 +02:00
David Karlsson
7e45b410c9 css: fix rendering issue for code with numbered lines
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-05-08 14:04:08 +02:00
David Karlsson
4e168bc9b2 fix: whitespace breaks for code spans in tables
A regression caused by a bad rebase in #18803

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-05-06 11:33:38 +02:00
David Karlsson
6ccbfa3f64 hugo: use fuse.js search instead of algolia
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-04-26 14:36:13 +02:00
David Karlsson
f41c08f3bd Revert "Revert "kapa ai 🤖"" 2024-04-25 20:11:53 +02:00
David Karlsson
5b511f126c Revert "kapa ai 🤖" 2024-04-25 19:54:40 +02:00
David Karlsson
aeb11961b6 feat: add Kapa.ai
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-04-25 18:43:35 +02:00
David Karlsson
28e23d9ccb css: apply basic styles to indented code blocks
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-04-25 15:35:45 +02:00
David Karlsson
cbb8988cb8 css: fix line wraps for code spans
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-04-25 15:35:37 +02:00
David Karlsson
46a3512a54 hugo: css overhaul
- Remove manual breakpoint definitions and use tailwind defaults
- Fix various overflow and other rendering issues

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-04-24 18:14:02 +02:00
David Karlsson
ccb50a8467 hugo: add tags
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-04-23 10:47:54 +02:00
David Karlsson
d29dbaf482 style: design updates march 2024
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-03-04 11:58:08 +01:00
David Karlsson
adcb1edfa7 chore: style and script refactor
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-02-23 15:03:27 +01:00
David Karlsson
5e716537cb site: improve home banner's bg image/color blend
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-02-08 11:00:38 +01:00
David Karlsson
415b9c60f9 site: fix variable weight for Roboto Flex font
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-02-08 10:03:00 +01:00
David Karlsson
90d388624e css: add font-display fallback for main webfont
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-02-07 11:27:25 +01:00
David Karlsson
ca143e00d0 Merge pull request #19304 from dvdksn/self-host-fonts
site: self-host fonts
2024-02-07 10:47:15 +01:00
David Karlsson
fa81c2d9b5 hack: center the cookie consent closing button
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-02-06 10:12:26 +01:00
David Karlsson
0f9278b189 site: self-host fonts
Serve web fonts with our own CDN rather than Google's CDN.

This improves the download speed for fonts (dns lookups, reusing tcp
connection with http/2, cache efficiency)

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-02-04 22:36:05 +01:00
David Karlsson
595dfde3b3 site: redesign landing page
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-26 11:20:39 +01:00
David Karlsson
47487acd24 fix: render callout icons
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-25 14:08:48 +01:00
David Karlsson
0ff3eb3aab hugo: migrate font icons to svg
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-25 12:28:38 +01:00
David Karlsson
1f42d72ed3 hugo: support for inline svg icons
This commit adds support for icon optimization using inline svgs,
improving site performance.

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-25 12:28:38 +01:00
David Karlsson
a13ad08101 css: add external-link utility class
Adds an .external-link utility class, to be used together with the
existing .link utility, for adding the correct styles to the open_in_new
icon without having to duplicate the markup each time.

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-08 13:17:26 +01:00
David Karlsson
d006adfc20 css: add icons utility
Adds an .icon utility class to set ligature text via via a data-icon
attribute on the element. This is a workaround to prevent crawlers from
picking up the font ligature innertext in html directly.

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-08 13:15:58 +01:00
David Karlsson
834db3da41 css: refactor and improve styles
- Refactoring styles to prevent unwanted specificity issues by using
  tailwind directives
- Improve color consistency for code blocks and other components by
  replacing adhoc hex values with theme colors

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-03 14:54:57 +01:00
David Karlsson
ed83bfba4b Revert "style: adjust callout colors to match dds alerts"
This reverts commit b77d185c27.
2024-01-02 14:09:46 +01:00
David Karlsson
5abe774df8 fix: code span colors in dark mode
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-02 13:51:35 +01:00
David Karlsson
0a007cf09d style: color override for code spans in callouts
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-28 20:20:56 +01:00
David Karlsson
ce6563475b style: update search button bg to match dds
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-28 20:11:03 +01:00
David Karlsson
f1331c5c2c style: adjust callout spacing to match dds alerts
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-28 19:56:50 +01:00
David Karlsson
b77d185c27 style: adjust callout colors to match dds alerts
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-28 19:48:11 +01:00
David Karlsson
b7e3ae1c69 hugo: use white text for code identifiers
NameOther identifiers had a dark violet color in dark mode, making them
illegible in e.g. code blocks. Changed to plain white.

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-21 16:03:36 +01:00
David Karlsson
2f779a076d hugo: unset font-style and font-weight for code
Italicized and bold text didn't really add any value to code blocks

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-21 15:49:44 +01:00
David Karlsson
0adbe36a0f feat: add invertible class for images
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-10 21:32:40 +01:00
David Karlsson
fbab835920 css: improve table display
- Use full reading col width for tables on large screens
- Use `display: block; overflow-x: scroll;` on small screens

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-06 20:52:09 +01:00
David Karlsson
fb87f9c93f Merge pull request #18735 from dvdksn/code-hl-lines
feat: add support for hl_lines
2023-11-27 11:01:06 +01:00
David Karlsson
59e685da08 feat: add support for hl_lines
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-11-21 11:35:36 +01:00