Bug: change CSS property of "--line-height-normal" cause copy button misplaced

[boryun]

Describe the bug

According to Obsidian Docs - CSS Variable Typography, we could change CSS property of "--line-height-normal" to control the line height of content. However, it seems that change this variable also cause code block copy button misplaced in my case.

Steps to reproduce

Create a new Obsidian CSS Snippets, add following lines:

.view-content > *:not(.inline-title) {
    --line-height-normal: 1.6em;
}

Reload Obsidian CSS Snippets.

Expected behaviour

under editing mode:

under reading mode:

Current behaviour

under editing mode:

under reading mode:

Environment

OS: Windows 10 Build 19045.4717 Obsidian Version: v1.6.7 Code Styler Plugin Version: 1.1.7

[mayurankv]

This is interesting! Either way the new copy button for code blocks conflicts with the existing method. I'm doing a major refactor including css so this is something I'll keep in mind. I'll message here if I have further queries or its fixed.