summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorChris Swithinbank2023-05-18 08:35:42 +0200
committerGitHub2023-05-18 08:35:42 +0200
commit3dc1d0c342c6db4e30b016035fa446101b1805a2 (patch)
treec0284a9fb0928e9a1454507652d2b166a0843d35
parent4e0c701e42f6893cc30b14ceb3455236605abec5 (diff)
downloadIT.starlight-3dc1d0c342c6db4e30b016035fa446101b1805a2.tar.gz
IT.starlight-3dc1d0c342c6db4e30b016035fa446101b1805a2.tar.bz2
IT.starlight-3dc1d0c342c6db4e30b016035fa446101b1805a2.zip
Small fixes (#72)
-rw-r--r--.changeset/hip-jokes-melt.md5
-rw-r--r--.changeset/nine-horses-type.md5
-rw-r--r--packages/starlight/components/MarkdownContent.astro1
-rw-r--r--packages/starlight/components/SocialIcons.astro1
4 files changed, 12 insertions, 0 deletions
diff --git a/.changeset/hip-jokes-melt.md b/.changeset/hip-jokes-melt.md
new file mode 100644
index 00000000..5de10975
--- /dev/null
+++ b/.changeset/hip-jokes-melt.md
@@ -0,0 +1,5 @@
+---
+"@astrojs/starlight": patch
+---
+
+Fix vertical alignment of social icons in site header
diff --git a/.changeset/nine-horses-type.md b/.changeset/nine-horses-type.md
new file mode 100644
index 00000000..aecc439c
--- /dev/null
+++ b/.changeset/nine-horses-type.md
@@ -0,0 +1,5 @@
+---
+"@astrojs/starlight": patch
+---
+
+Fix image aspect ratio in Markdown content
diff --git a/packages/starlight/components/MarkdownContent.astro b/packages/starlight/components/MarkdownContent.astro
index 736ea2a6..c66fb17d 100644
--- a/packages/starlight/components/MarkdownContent.astro
+++ b/packages/starlight/components/MarkdownContent.astro
@@ -44,6 +44,7 @@
.content :global(:is(img, picture, video, canvas, svg, iframe)) {
display: block;
max-width: 100%;
+ height: auto;
}
.content :global(h1) {
diff --git a/packages/starlight/components/SocialIcons.astro b/packages/starlight/components/SocialIcons.astro
index 5e65c8fe..906232d0 100644
--- a/packages/starlight/components/SocialIcons.astro
+++ b/packages/starlight/components/SocialIcons.astro
@@ -32,6 +32,7 @@ const links = Object.entries(config.social || {}).filter(([, url]) =>
<style>
a {
+ display: flex;
color: var(--sl-color-text-accent);
}
a:hover {