docs: optimized link style (element-plus#4027)

msidolphin · web-flow · commit ef8a3534e1e1 · 2021-10-25T16:57:22.000+08:00
diff --git a/docs/.vitepress/vitepress/styles/content.scss b/docs/.vitepress/vitepress/styles/content.scss
@@ -22,6 +22,10 @@
   .doc-content a {
     display: inline-flex;
     align-items: center;
+    &.vp-link {
+      white-space: nowrap;
+      word-break: keep-all;
+    }
     .link-icon {
       margin-left: 0.25rem;
       height: 1em;
diff --git a/docs/.vitepress/vitepress/utils.ts b/docs/.vitepress/vitepress/utils.ts
@@ -78,6 +78,7 @@ export function insertLinkIcon(contentRef: any) {
   )
 
   links.forEach((link: any) => {
+    link.classList.add('vp-link')
     if (
       !link.href.startsWith(window.origin) &&
       !link.innerHTML.includes('<img')

Original file line number	Diff line number	Diff line change
`@@ -78,6 +78,7 @@ export function insertLinkIcon(contentRef: any) {`
`78`	`78`	`)`
`79`	`79`
`80`	`80`	`links.forEach((link: any) => {`
	`81`	`+ link.classList.add('vp-link')`
`81`	`82`	`if (`
`82`	`83`	`!link.href.startsWith(window.origin) &&`
`83`	`84`	`!link.innerHTML.includes('<img')`