From 6218b108bc78aed0ec1afd3d1cf4182e611eed90 Mon Sep 17 00:00:00 2001 From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com> Date: Sat, 25 Feb 2023 19:05:03 +0530 Subject: [PATCH] fix(theme): show external link icon on same line (#1880) --- src/client/theme-default/components/VPLink.vue | 1 + src/client/theme-default/components/VPSidebarItem.vue | 3 ++- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/client/theme-default/components/VPLink.vue b/src/client/theme-default/components/VPLink.vue index 40b9e9d6..f10bff04 100644 --- a/src/client/theme-default/components/VPLink.vue +++ b/src/client/theme-default/components/VPLink.vue @@ -37,5 +37,6 @@ const isExternal = computed(() => props.href && EXTERNAL_URL_RE.test(props.href) height: 11px; fill: var(--vp-c-text-3); transition: fill 0.25s; + flex-shrink: 0; } diff --git a/src/client/theme-default/components/VPSidebarItem.vue b/src/client/theme-default/components/VPSidebarItem.vue index fde52473..7f0d8fcc 100644 --- a/src/client/theme-default/components/VPSidebarItem.vue +++ b/src/client/theme-default/components/VPSidebarItem.vue @@ -113,7 +113,8 @@ function onCaretClick() { } .link { - display: block; + display: flex; + align-items: center; flex-grow: 1; }