Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] Unnecessary margin-bottom are applied to nested lists #1251

Open
shimoju opened this issue Jul 2, 2023 · 0 comments · May be fixed by #1284
Open

[BUG] Unnecessary margin-bottom are applied to nested lists #1251

shimoju opened this issue Jul 2, 2023 · 0 comments · May be fixed by #1284
Labels
bug Something isn't working

Comments

@shimoju
Copy link
Contributor

shimoju commented Jul 2, 2023

Describe the bug

  • Device/Os: macOS Ventura 13.4
  • Type: Desktop
  • Browser and version: Chrome 114.0
  • Hugo Version: v0.115.0+extended darwin/arm64
  • Theme Version: master (4a924ce)

Steps to reproduce the behavior:

Unnecessary margin-bottom are applied to nested lists.
This example shows an extra space under the "D".

### ul li ul

- A
- B
    - C
    - D
- E

### ol li ol

1. A
2. B
    1. C
    2. D
3. E

Screenshots

スクリーンショット 2023-07-02 12 46 37 スクリーンショット 2023-07-02 12 47 00

Expected behavior:

Remove extra margin-bottom to nested lists. For example, apply the following CSS.

.post-content li ol,
.post-content li ul {
  margin-bottom: 0;
}

Margins for each item in the list are aligned.

スクリーンショット 2023-07-02 12 47 38
@shimoju shimoju added the bug Something isn't working label Jul 2, 2023
@shimoju shimoju linked a pull request Aug 11, 2023 that will close this issue
7 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant