From f32711085de1bf2d4039ea0900ccc40015bf73c9 Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Sat, 20 Aug 2022 00:39:22 +0800
Subject: [PATCH] fix: prevent text overflow in metabar

---
 src/components/MetaBar.tsx | 2 ++
 src/styles/index.scss      | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/src/components/MetaBar.tsx b/src/components/MetaBar.tsx
index 3272b2e..51f33a7 100644
--- a/src/components/MetaBar.tsx
+++ b/src/components/MetaBar.tsx
@@ -36,6 +36,8 @@ export function MetaBar() {
           onClick={createAnchorClickHandler(branchUrl)}
           sx={{
             color: 'fg.muted',
+            wordBreak: 'normal',
+            overflowWrap: 'anywhere',
           }}
           {...platform.delegateFastRedirectAnchorProps?.()}
         >
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 6c2473c..194c608 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -463,6 +463,8 @@ html[data-with-gitako-spacing='true'] {
             a {
               color: var(--color-accent-fg);
               white-space: normal;
+              word-break: normal;
+              overflow-wrap: anywhere; // break-word does not break on `_`
             }
           }
         }