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: forward and back buttons are partially covered by the tab #203

Open
8 of 13 tasks
lyob opened this issue Oct 20, 2022 · 1 comment
Open
8 of 13 tasks

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

lyob opened this issue Oct 20, 2022 · 1 comment
Assignees
Labels
bug/issue Something isn't working

Comments

@lyob
Copy link

lyob commented Oct 20, 2022

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

@lyob lyob added the bug/issue Something isn't working label Oct 20, 2022
@kees-
Copy link

kees- commented Oct 25, 2022

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); }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug/issue Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants