RSSNext / RSSNext/Folo

The translated text can not be chosen when I want change its style.

Open
#4,244 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
TypeScript
Stars
39k
Forks
2.1k
Avg merge
1d 4h
Merged PRs (30d)
10

Description

Clear and concise description of the problem

I can not write a CSS selector to choose the translated text in articles,

Image Image

because the html of the article is like this,

<p>
Apple and Google may be required to change the way they operate some of their mobile services in the UK, according to proposed decisions by the UK's competition regulator.
<br>
英国竞争监管机构的拟议决定显示,苹果和谷歌可能需要改变其在英国运营部分移动服务的方式。
</p>
Suggested solution

Is it possible to change the structure of html like this,

<p>
Apple and Google may be required to change the way they operate some of their mobile services in the UK, according to proposed decisions by the UK's competition regulator.
<br>
    <span>
        英国竞争监管机构的拟议决定显示,苹果和谷歌可能需要改变其在英国运营部分移动服务的方式。
    </span>
</p>

So that I can edit the style of translated text by custom css.

Alternative

No response

Additional context

No response

Validations
  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
  • This issue is valid

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The issue names no files or tests. Start by locating the article-rendering path that produces the shown HTML and inspect how translated text is inserted. Done means the translated text has a distinct element that can be targeted by custom CSS, with the rendered article behavior preserved.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html, typescript
Domain
frontend, web-dev
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.