kognise / obsidian-atom

A theme for Obsidian based on Atom's One family
The Unlicense
223 stars 57 forks source link

List elements #23

Open BSger85 opened 1 year ago

BSger85 commented 1 year ago

I don't know if this is only in the ATOM theme, if not maybe you can forward this at the right place.

Bullet points folding issue

See image: https://i.imgur.com/yQ2hpFq.png

Here is the code to test it yourself:


- Create\
  those **files** into `.\PortableGit\home` (we'll edit them later):
    - `.\PortableGit\home\.gitconfig`\
       This will be your public Git config file (more informations later)

    - `.\PortableGit\home\.profile`\
       This file will start your SSH agent automatically (more informations later)

In Editor Life-View mode you have a strange space in the middle of the lists. You can collapse all bulletpoints in Life-View Mode but not in the Reading-Mode.

Another thing to mention is that in your Atom Theme the bullets have a different style then in the Life-Preview mode. Maybe you can adjust this aswell so that your Reading-Mode style match the Life-View (Editor) style. The Reading mode is great, the editor just don't match this.

Reading Mode

OBSOLETE: This seems to be fixed in a newer Obsidian Version and it wasn't about Atom Theme I would say. You can ignore the "Reading Mode" section.

I added this CSS to my custom snippets to "fix" your ATOM theme listing elements:

.markdown-rendered.show-indentation-guide li > ul::before,
.markdown-rendered.show-indentation-guide li > ol::before
{ /* ALL li (2nd level+) vertical line */
  margin-left: 2px !important;
}

This aligns the vertical line directly below the bullet points.

Simply test it with this code:


- List entry 1
- List entry 2
    - List entry 2.1
    - List entry 2.2
    - List entry 2.3
        - List entry 2.3.1
        - List entry 2.3.2

You also can see the visual difference between Editor Life-View and Reading-Mode here.