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

[FR] Option to hide the top bar + bottom bar (the new row/file) #359

Closed
afland opened this issue Sep 11, 2022 · 9 comments
Closed

[FR] Option to hide the top bar + bottom bar (the new row/file) #359

afland opened this issue Sep 11, 2022 · 9 comments
Assignees
Labels
help wanted Extra attention is needed Visual Visual problem of the application

Comments

@afland
Copy link

afland commented Sep 11, 2022

To be honest, I find that that the top bar just takes up a lot of space and doesn't look very aesthetic. It would be nice if it could be replaced by just a search and settings icon in e.g. the top right.

image

Same thing for the bottom bar (the new row/file)

image

It would be nice if that doesn't always overlay on top, but instead only shows when you actually scroll to the bottom. Maybe the template selector could also be shrunk a bit and not have that intense white outline (I'm on minimal, but they're also present in default dark).

These are just my personal views on how the UI could be streamlined so that max space is dedicated to the table itself. It would be great if these changes were implemented, but I understand if they don't fall within your vision for the plugin

@RafaelGB
Copy link
Owner

RafaelGB commented Sep 11, 2022

The UI always has room for improvement.
About the bottom bar I am investigating ways to hide/unhide it, but the top bar right now I think its fine. The component that I want to remove/move its the name. between menu and input search.

Any idea/design/help is welcome =)

@RafaelGB RafaelGB added the Visual Visual problem of the application label Sep 11, 2022
@afland
Copy link
Author

afland commented Sep 11, 2022

The UI always has room for improvement. About the bottom bar I am investigating ways to hide/unhide it, but the top bar right now I think its fine. The component that I want to remove/move its the name. between menu and input search.

Any idea/design/help is welcome =)

I agree that the top bar is fine, but I feel like its functionality doesn't justify it occupying that much space. All that's really needed for the functionality is a search and settings/menu icon

@afland
Copy link
Author

afland commented Sep 11, 2022

Since there is a CSS snippet to hide the top bar already, maybe you could add an option somewhere else in the UI to search the database. That way users who want to remove the top bar can do so without losing functionality.
Next to the Open database settings option?
image

@RafaelGB
Copy link
Owner

Could you share that snippet? I am not familiarise with them.

Maybe we can use key shortcuts like ctrl+s (search) and ctrl+f(filters) to show those functions.

@afland
Copy link
Author

afland commented Sep 11, 2022

.dbfolder-table-container .database-plugin__sticky-level-1 {
    display: none;
}
.dbfolder-table-container .database-plugin__sticky-level-2 {
    top: 0px;
}

@RafaelGB
Copy link
Owner

I'm trying to get mobile support for the taskbar since we're improving it, but I need help getting it to stick when scrolling horizontally. I released version 2.6.4 with improvements for mobile

@RafaelGB RafaelGB added the help wanted Extra attention is needed label Sep 19, 2022
@RafaelGB
Copy link
Owner

Option of bottom added. But I think that the top menu should not be hide for now.

I am working on a new style

Screen.Recording.2022-09-20.at.18.49.30.mov

@imeed166
Copy link
Collaborator

imeed166 commented Sep 21, 2022

Regarding the database top bar, you could copy how kanban plugin does it (with custom icons in obsidian top bar) to replace :

  • search
  • filter
  • open as markdown
  • export
  • import
  • open settings

Image

The only issue is the pagination, maybe if you include it in the bottom bar with your new style, you could remove the database top bar completely (just a suggestion)

@RafaelGB
Copy link
Owner

there would be a problem with it since in Obsidian v.16 that bar is optional. The user can disable it and all those accesses would be lost

@RafaelGB RafaelGB self-assigned this Sep 22, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Extra attention is needed Visual Visual problem of the application
Projects
Status: Done
Development

When branches are created from issues, their pull requests are automatically linked.

3 participants