Custom CSS does not work on entry list
Open
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 wrote a piece of custom CSS,
div.inline.align-middle.hyphens-auto.font-medium:has(.i-mgc-translate-2-ai-cute-re) > span:first-child {
color: gray;
font-size: 80%;
}
which was working when I put it in the developer's tool of browser.
But when I put it in the custom CSS of APP setting, it did not work.
Suggested solution
I need to edit the CSS of entry list, so please help me.
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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the custom CSS in the app settings and compare it with the browser developer tools result shown in the issue. Investigate why the selector does not affect the entry list. Done means the provided styling applies to the targeted entry-list text when configured through the app.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100