trucate caption title

2026-01-11 20:10:32 +00:00 · 2025-12-22 12:02:17 -07:00 · 2025-12-22 12:02:17 -07:00 · 22ddddfe27
commit 22ddddfe27
parent 94921e58dd
1 changed files with 9 additions and 1 deletions
--- a/src/components/player/atoms/settings/CaptionsView.tsx
+++ b/src/components/player/atoms/settings/CaptionsView.tsx
@ -120,7 +120,15 @@ export function CaptionOption(props: {
              <FlagIcon langCode={props.countryCode} />
            </span>
          ) : null}
-          <span>{props.children}</span>
+          <span
+            className={
+              props.flag || props.subtitleUrl || props.subtitleSource
+                ? "truncate max-w-[100px]"
+                : ""
+            }
+          >
+            {props.children}
+          </span>
          {props.subtitleType && (
            <span className="ml-2 px-2 py-0.5 rounded bg-video-context-hoverColor bg-opacity-80 text-video-context-type-main text-xs font-semibold">
              {props.subtitleType.toUpperCase()}