paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-24 16:43:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

help: Add external link icon as suffix in sidebar for external links.

Browse Source 
Fixes https://chat.zulip.org/#narrow/channel/19-documentation/topic/left.20sidebar.20icon.20for.20external.20links.3F/with/2257078

These links should also open in a new window.
This commit is contained in:
Shubham Padia
2025-09-09 07:29:30 +00:00
committed by Tim Abbott
parent c3fbe00eb0
commit f426936c6c
2 changed files with 35 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
starlight_help/astro.config.mjs
View File

@@ -94,6 +94,11 @@ export default defineConfig({
{ {
label: "Zulip homepage", label: "Zulip homepage",
link: "https://zulip.com", link: "https://zulip.com",
attrs: {
class: "external-icon-sidebar",
target: "_blank",
rel: "noopener noreferrer",
},
}, },
{ {
label: "Help center home", label: "Help center home",
@@ -109,10 +114,20 @@ export default defineConfig({
{ {
label: "Choosing a team chat app", label: "Choosing a team chat app",
link: "https://blog.zulip.com/2024/11/04/choosing-a-team-chat-app/", link: "https://blog.zulip.com/2024/11/04/choosing-a-team-chat-app/",
attrs: {
class: "external-icon-sidebar",
target: "_blank",
rel: "noopener noreferrer",
},
}, },
{ {
label: "Why Zulip", label: "Why Zulip",
link: "https://zulip.com/why-zulip/", link: "https://zulip.com/why-zulip/",
attrs: {
class: "external-icon-sidebar",
target: "_blank",
rel: "noopener noreferrer",
},
}, },
"trying-out-zulip", "trying-out-zulip",
{ {
@@ -371,6 +386,11 @@ export default defineConfig({
{ {
label: "Download apps for every platform", label: "Download apps for every platform",
link: "https://zulip.com/apps/", link: "https://zulip.com/apps/",
attrs: {
class: "external-icon-sidebar",
target: "_blank",
rel: "noopener noreferrer",
},
}, },
{ {
label: "Mobile app installation guides", label: "Mobile app installation guides",

15
starlight_help/src/styles/main.css
View File

@@ -253,3 +253,18 @@
footer { footer {
font-size: 0.85em; font-size: 0.85em;
} }
.external-icon-sidebar {
display: inline-flex;
align-items: center;
}
.external-icon-sidebar::after {
content: "";
width: 1em;
height: 1em;
margin-left: 0.4em;
background: currentcolor;
mask: url("../../../web/shared/icons/external-link.svg") no-repeat center /
contain;
}