hexojs / hexojs/hexo-theme-landscape

Embeded gist unreadable

Open
#160 4 comments 0 reactions 0 assignees View on GitHub
Dominant language
Stylus
Stars
335
Forks
373
PR merge metrics
No merged PRs in 30d

Description

I found the following styles are applied to `{% gist %}` tag plugin (with default landscape theme)

``` css
.article-entry .gist {
margin: 0 -20px;
border-style: solid;
border-color: #ddd;
border-width: 1px 0;
background: #2d2d2d;
padding: 15px 20px 15px 0;
}
```

```
{% gist 7071963 %}
```

The negative margin make no space between the text and the container.
Also, the dark background make it difficult to read the text.
"misc" and "history" header in the gist is barely readable.
![selection_007](https://cloud.githubusercontent.com/assets/544400/5241962/18bc78b2-7964-11e4-9d03-73cbbc278d29.png)

Is there any reason for the current `.article-entry .gist` sytle?

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the default landscape theme rule for `.article-entry .gist` and render the `{% gist 7071963 %}` example. Check the negative margins, spacing, dark background, and `misc`/`history` header contrast in the rendered gist. Done means the embedded gist is readable and no longer runs into surrounding text.

Written by the indexing model from the issue text.

Assessment

Tech stack
stylus
Domain
design, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.