From 6fe6997f95efdcb3028d566f3ba5f4f07cabdf44 Mon Sep 17 00:00:00 2001 From: Wendy Yuchen Sun Date: Tue, 19 May 2026 12:57:02 +0800 Subject: [PATCH 1/3] feat: allow table to scroll horizontally --- src/index.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/index.css b/src/index.css index e0696e7..4342615 100644 --- a/src/index.css +++ b/src/index.css @@ -62,6 +62,13 @@ math { padding-left: 1.5em; } +.right-side-preview-area table { + display: block; + width: max-content; + max-width: 100%; + overflow-x: auto; +} + .right-side-preview-area table td, .right-side-preview-area table th { padding: 8px; From 8396087e8fd55e74596b441a73f67161081b113a Mon Sep 17 00:00:00 2001 From: Wendy Yuchen Sun Date: Tue, 19 May 2026 13:22:29 +0800 Subject: [PATCH 2/3] fix: better link focus --- src/components/parser-components/external-link/external-link.js | 2 +- src/index.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/parser-components/external-link/external-link.js b/src/components/parser-components/external-link/external-link.js index 831aea5..30ef07f 100644 --- a/src/components/parser-components/external-link/external-link.js +++ b/src/components/parser-components/external-link/external-link.js @@ -5,7 +5,7 @@ import { IconExternalLink } from '@tabler/icons-react'; import Tooltip from '@/components/core/tooltip'; const linkClassName = - 'inline-flex items-center gap-1 px-2 py-1 rounded text-primary underline hover:text-blue-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary'; + 'inline-flex items-center text-primary underline rounded-sm hover:text-blue-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary'; const ExternalLink = ({ display = '', target = '', title = '', newTab = false }) => { const anchor = ( diff --git a/src/index.css b/src/index.css index 4342615..e862366 100644 --- a/src/index.css +++ b/src/index.css @@ -106,5 +106,5 @@ math { } .right-side-preview-area a:not([class]) { - @apply inline-flex items-center gap-1 px-2 py-1 rounded text-primary underline hover:text-blue-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary; + @apply inline-flex items-center text-primary underline rounded-sm hover:text-blue-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary; } From a583d98153929d17a0234b646898dbd86c38383b Mon Sep 17 00:00:00 2001 From: Wendy Yuchen Sun Date: Wed, 20 May 2026 16:29:50 +0800 Subject: [PATCH 3/3] chore: temp remove tooltip in external link & image preview --- .../external-link/external-link.js | 26 +++++------ .../parser-components/image/image.js | 43 +++---------------- 2 files changed, 17 insertions(+), 52 deletions(-) diff --git a/src/components/parser-components/external-link/external-link.js b/src/components/parser-components/external-link/external-link.js index 30ef07f..a73203f 100644 --- a/src/components/parser-components/external-link/external-link.js +++ b/src/components/parser-components/external-link/external-link.js @@ -2,24 +2,20 @@ import React from 'react'; import PropTypes from 'prop-types'; import { IconExternalLink } from '@tabler/icons-react'; -import Tooltip from '@/components/core/tooltip'; - const linkClassName = 'inline-flex items-center text-primary underline rounded-sm hover:text-blue-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary'; -const ExternalLink = ({ display = '', target = '', title = '', newTab = false }) => { - const anchor = ( - - {display} - {newTab && - ); - return title ? {anchor} : anchor; -}; +const ExternalLink = ({ display = '', target = '', title = '', newTab = false }) => ( + + {display} + {newTab && +); ExternalLink.propTypes = { display: PropTypes.string, diff --git a/src/components/parser-components/image/image.js b/src/components/parser-components/image/image.js index ef896c4..6d1c36e 100644 --- a/src/components/parser-components/image/image.js +++ b/src/components/parser-components/image/image.js @@ -2,8 +2,6 @@ import React, { useState } from 'react'; import PropTypes from 'prop-types'; import { IconExternalLink } from '@tabler/icons-react'; -import Tooltip from '@/components/core/tooltip'; - const useImageBroken = (source) => { const [erroredSource, setErroredSource] = useState(null); return { @@ -44,23 +42,6 @@ LinkedImg.propTypes = { onError: PropTypes.func, }; -const AltTooltip = ({ alt = '', disabled = false, children }) => { - if (!alt || disabled) return children; - return ( - - - {children} - - - ); -}; - -AltTooltip.propTypes = { - alt: PropTypes.string, - disabled: PropTypes.bool, - children: PropTypes.node.isRequired, -}; - const Caption = ({ display = '', children }) => (
{children} @@ -74,12 +55,8 @@ Caption.propTypes = { }; const Image = ({ alt = '', source = '' }) => { - const { broken, onError } = useImageBroken(source); - return ( - - {alt} - - ); + const { onError } = useImageBroken(source); + return {alt}; }; Image.propTypes = { @@ -89,11 +66,7 @@ Image.propTypes = { export const ImageLink = ({ alt = '', source = '', target = '' }) => { const { broken, onError } = useImageBroken(source); - return ( - - - - ); + return ; }; ImageLink.propTypes = { @@ -103,12 +76,10 @@ ImageLink.propTypes = { }; export const ImageDisplay = ({ alt = '', display = '', source = '' }) => { - const { broken, onError } = useImageBroken(source); + const { onError } = useImageBroken(source); return ( - - {alt} - + {alt} ); }; @@ -123,9 +94,7 @@ export const ImageDisplayLink = ({ alt = '', display = '', source = '', target = const { broken, onError } = useImageBroken(source); return ( - - - + ); };