Skip to content

Commit 8b8ae30

Browse files
style(WebSite): Improve RichText term badge alignment and line height
Add `align-middle` and `leading-normal` Tailwind utility classes to inline-flex containers in the RichText component's SegmentNode and LineNode. This ensures technology term badges (colored inline blocks with category labels) are properly vertically aligned with surrounding text and have consistent line height. Target/ contains regenerated build artifacts reflecting these CSS utility additions.
1 parent de8ffaf commit 8b8ae30

43 files changed

Lines changed: 93 additions & 93 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

Source/Component/UI/RichText.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -232,7 +232,7 @@ const SegmentNode = ({ Segment }: { Segment: Segment }) => {
232232
const Logo = TermLogo[Segment.Value];
233233
return (
234234
<span
235-
className={`inline-flex items-center gap-1 rounded-none border px-1.5 py-0.5 font-mono text-[0.78em] font-medium ${CategoryStyle[Segment.Category]}`}
235+
className={`inline-flex items-center align-middle gap-1 rounded-none border px-1.5 py-0.5 font-mono text-[0.78em] leading-normal font-medium ${CategoryStyle[Segment.Category]}`}
236236
title={`${CategoryLabel[Segment.Category]}: ${Segment.Value}`}
237237
aria-label={`${CategoryLabel[Segment.Category]} ${Segment.Value}`}>
238238
{Logo && (
@@ -347,7 +347,7 @@ const LineNode = ({
347347
)}
348348
{ShowTerms && TermDictionary.has(Item) ? (
349349
<span
350-
className={`inline-flex items-center rounded-none border px-1.5 py-0.5 font-mono text-[0.78em] font-medium ${CategoryStyle[TermDictionary.get(Item)!]}`}
350+
className={`inline-flex items-center align-middle rounded-none border px-1.5 py-0.5 font-mono text-[0.78em] leading-normal font-medium ${CategoryStyle[TermDictionary.get(Item)!]}`}
351351
title={`${CategoryLabel[TermDictionary.get(Item)!]}: ${Item}`}>
352352
{Item}
353353
</span>
@@ -386,7 +386,7 @@ const LineNode = ({
386386
)}
387387
{ShowTerms && TermDictionary.has(Item) ? (
388388
<span
389-
className={`inline-flex items-center rounded-none border px-1.5 py-0.5 font-mono text-[0.78em] font-medium ${CategoryStyle[TermDictionary.get(Item)!]}`}
389+
className={`inline-flex items-center align-middle rounded-none border px-1.5 py-0.5 font-mono text-[0.78em] leading-normal font-medium ${CategoryStyle[TermDictionary.get(Item)!]}`}
390390
title={`${CategoryLabel[TermDictionary.get(Item)!]}: ${Item}`}>
391391
{Item}
392392
</span>

Target/404.html

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

Target/Account/ForgotPassword/index.html

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

Target/Account/ResetPassword/index.html

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

Target/Account/SignIn/index.html

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

Target/Account/SignUp/index.html

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

Target/Account/index.html

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

Target/Blog/index.html

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

Target/Contact/Sale/index.html

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

Target/Contributing/index.html

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

0 commit comments

Comments
 (0)