diff options
| author | ynhhoJ <22500212+ynhhoJ@users.noreply.github.com> | 2025-06-29 21:37:47 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-06-29 11:37:47 -0700 |
| commit | cbea1518ed1e88fde34e40a16a0e9c20e954a9f5 (patch) | |
| tree | 75749fb1eb9d67368430d54a14e26820ccab24ce /frontend/src/components/Markdown.tsx | |
| parent | 414493eed2bea2ceb13c9add216d6f9e7f9c5903 (diff) | |
| download | decky-loader-4d7ace33044d010587380443e54b57c9257bb882.tar.gz decky-loader-4d7ace33044d010587380443e54b57c9257bb882.zip | |
Removed `FocusRing` from Decky Changelog Modal and use `Focusable` instead which fixes: #685 (#779)v3.1.6-pre1v3.1.6
* fix(Updater): Remove `FocusRing` component and use `Focusable` instead
* feat(Markdown): Add Link `class` to a tag for a mentain a Steam UI colors palette
Diffstat (limited to 'frontend/src/components/Markdown.tsx')
| -rw-r--r-- | frontend/src/components/Markdown.tsx | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/frontend/src/components/Markdown.tsx b/frontend/src/components/Markdown.tsx index cf6657aa..9842750d 100644 --- a/frontend/src/components/Markdown.tsx +++ b/frontend/src/components/Markdown.tsx @@ -1,4 +1,4 @@ -import { Focusable, Navigation } from '@decky/ui'; +import { Focusable, Navigation, findClass, findClassByName } from '@decky/ui'; import { FunctionComponent, useRef } from 'react'; import ReactMarkdown, { Options as ReactMarkdownOptions } from 'react-markdown'; import remarkGfm from 'remark-gfm'; @@ -8,6 +8,9 @@ interface MarkdownProps extends ReactMarkdownOptions { } const Markdown: FunctionComponent<MarkdownProps> = (props) => { + const eventDetailsBodyClassName = findClassByName('EventDetailsBody') || undefined; + const eventLinkClassName = findClass('43088', 'Link'); + return ( <Focusable> <ReactMarkdown @@ -25,8 +28,10 @@ const Markdown: FunctionComponent<MarkdownProps> = (props) => { Navigation.NavigateToExternalWeb(aRef.current!.href); }} style={{ display: 'inline' }} + focusClassName="steam-focus" + className={eventDetailsBodyClassName} > - <a ref={aRef} {...nodeProps.node.properties}> + <a ref={aRef} {...nodeProps.node.properties} className={eventLinkClassName}> {nodeProps.children} </a> </Focusable> |