1. After placing the mouse, it becomes a hyperlink 2. Where is the height of the red box classification set?

AI-generated summary

Discussion Summary
The discussion revolves around two questions posed by qiancsf:

  1. How to make text become a hyperlink after placing the mouse on it, and
  2. Where to set the height of the red box classification.

CocoQuark suggests using an official theme component for the first question and notes that the height of the red box may depend on the font size.
NateDhaliwal recommends inspecting the page to find the height setting.
qiancsf shares a screenshot from meta.discourse.org, showing boxes of different heights.
CocoQuark attributes the discrepancy to the font used.
NateDhaliwal confirms the issue is present on Theme Creator.
qiancsf shares another screenshot from the Edge Browser.
Arkshine suggests adjusting the line-height CSS property to address the issue, providing a specific code snippet and a before/after screenshot.

I would like to ask the following question: 1. After placing the mouse, it becomes a hyperlink 2. Where is the height of the red box classification set?

There’s an official theme component for that :slight_smile:

Pretty sure the height is not fixed but depends on the font size.

Perhaps by inspecting the page?

https://meta.discourse.org/ The boxes are of different heights. It is normal for them to be the same height.

Oh, I see. The category selector and the tag selector are of different heights.

Is it a screenshot from meta.discourse.org, or another forum?

The discrepancy may be because of the font used.

It’s the same here and on Theme Creator.

Edge Browser

It seems that the simplified Chinese characters use more height space. You might need to adjust the line-height CSS property.

Specifically in this composer context, you can try this CSS:

.composer-fields .title-and-category .select-kit .select-kit-header {
    line-height: var(--line-height-medium);
}

Before/After: