iamcco/markdown-preview.nvim

List rendering wrong margin

Open

#164 opened on Mar 30, 2020

View on GitHub
 (0 comments) (3 reactions) (0 assignees)JavaScript (246 forks)batch import
bughelp wanted

Repository metrics

Stars
 (5,538 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Nested list has a large margin-top which makes the list seems ugly. margin-bottom should be larger than margin-top.

image

* Human perceptions:
  * Easy to be deceived by illusions
  * Processes:
    * Extraction of features (rapid)
    * Pattern perception (slow)
    * Memory

  * Preattentive processing
    * Speed is independent of number of distractors, fast (<= 10ms)
    * Measurement:
      * Degrees of pop out (strong effects based on color, contrast, etc)
      * Degrees of difference (difference between objects in size, color)

    * Conjunctions of features might be not preattentive even though there are strong differences.

Contributor guide

Research direction
Locate the CSS file responsible for list margins (likely inside the preview styles) and adjust margin top to be smaller than margin bottom.
Tech stack
javascript
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitCSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75