MoeraOrg / MoeraOrg/moera-issues

Tag for collapsing text

Open
#235 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

client enhancement node questionable
Dominant language
No language data
Stars
20
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Add <mr-cut> tag for marking a part of the text of a post as collapsed with behaviour similar to <lj-cut>. In contrast to <details>, in the detailed post view the text inside <mr-cut> is expanded by default. In the post preview there is only a mark and optional title at the point where the collapsed part is located. Clicking on it in the preview simply opens the detailed view with this part expanded and scrolled to. (Possibly, clicking on an icon will expand the collapsed text in place, but clicking on the title will open the detailed view as described above. Or, possibly, we can have different behaviour for short and long texts, but need to make this visible.) Can we replace bodyPreview with this?

Styling: https://css-tricks.com/two-issues-styling-the-details-element-and-how-to-solve-them/

Contributor guide

No contributing guide indexed for this repository

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

Start by locating the existing handling and bodyPreview implementation; the issue names no files or tests. Before coding, resolve the proposed preview and click behavior, then verify the new tag matches the agreed detailed-view expansion and preview navigation.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.