jdanielmourao/obsidian-sanctum

Bug: forward and back buttons are partially covered by the tab

lyob opened this issue · 1 comments

lyob commented

Bug Description

The UI buttons for navigating forward and back in Obsidian 1.0 is partially covered by the tab bar.

To Reproduce

  1. Go to any open tab
  2. Have the option "show tab title bar" setting under "Appearance > Advanced" set to ON. This should reveal the back and forward navigation buttons.
  3. The buttons are partially hidden

Expected behavior

The buttons should be full size.

Relevant Screenshot(s)

Screen Shot 2022-10-20 at 2 27 58 PM

Obsidian Version

1.0.0

Installer Version

0.15.8

Font Size

16

Which editor are you using?

  • New Editor
  • Legacy Editor

In which mode(s) does the problem occur? (if applicable)

  • Reading View (Preview)
  • Editing View - Source Mode
  • Editing View - Live Preview

Which operating system?

  • Windows
  • macOS
  • Linux
  • Android
  • iOS

Checklist

  • I updated to the latest version of the theme (Settings → Appearance → Themes - Manage → Update).
  • I made sure that the issue is related to this theme by checking that the problem does not occur with the default theme.
  • If the bug occured after updating the theme, I read the last couple Releases to make sure the bug is not an intentional change.

Additional Context

No response

kees- commented

I see the view mode and options buttons within the same .view-header parent are just styled with a static margin-top of 24px. If that margin is applied to the whole .view-header, or its children independently, the overlap is easily fixed. For now I just put my own snippet in,

.view-header-nav-buttons { margin-top: var(--size-4-6); }
  • 👍2