diff options
| author | Eva Decker | 2024-06-28 12:02:25 -0400 |
|---|---|---|
| committer | GitHub | 2024-06-28 18:02:25 +0200 |
| commit | 5ac0ac6614e3c45d810a1594a2009d3febfa2793 (patch) | |
| tree | 9ffd55bf2423a5f45284913fcc1c5f25130d7238 | |
| parent | 3ee1a9404db25f5776a3c1ecd248614f64db46ae (diff) | |
| download | IT.starlight-5ac0ac6614e3c45d810a1594a2009d3febfa2793.tar.gz IT.starlight-5ac0ac6614e3c45d810a1594a2009d3febfa2793.tar.bz2 IT.starlight-5ac0ac6614e3c45d810a1594a2009d3febfa2793.zip | |
fix: Add inline padding to `Select` (#2062)
Co-authored-by: Ricardo Jaime Gil Simões <ricardo.gil.simoes@gmail.com>
Co-authored-by: Chris Swithinbank <swithinbank@gmail.com>
| -rw-r--r-- | .changeset/angry-pots-yawn.md | 5 | ||||
| -rw-r--r-- | packages/starlight/components/Select.astro | 6 |
2 files changed, 9 insertions, 2 deletions
diff --git a/.changeset/angry-pots-yawn.md b/.changeset/angry-pots-yawn.md new file mode 100644 index 00000000..53bbde92 --- /dev/null +++ b/.changeset/angry-pots-yawn.md @@ -0,0 +1,5 @@ +--- +'@astrojs/starlight': patch +--- + +Increase theme and language select inline padding diff --git a/packages/starlight/components/Select.astro b/packages/starlight/components/Select.astro index 0975a678..b4301042 100644 --- a/packages/starlight/components/Select.astro +++ b/packages/starlight/components/Select.astro @@ -31,6 +31,7 @@ interface Props { label { --sl-label-icon-size: 0.875rem; --sl-caret-size: 1.25rem; + --sl-inline-padding: 0.5rem; position: relative; display: flex; align-items: center; @@ -62,8 +63,9 @@ interface Props { select { border: 0; padding-block: 0.625rem; - padding-inline: calc(var(--sl-label-icon-size) + 0.25rem) calc(var(--sl-caret-size) + 0.25rem); - width: var(--sl-select-width); + padding-inline: calc(var(--sl-label-icon-size) + var(--sl-inline-padding) + 0.25rem) calc(var(--sl-caret-size) + var(--sl-inline-padding) + 0.25rem); + margin-inline: calc(var(--sl-inline-padding) * -1); + width: calc(var(--sl-select-width) + var(--sl-inline-padding) * 2); background-color: transparent; text-overflow: ellipsis; color: inherit; |