victrme / Bonjourr

Minimalist & lightweight startpage inspired by iOS
https://bonjourr.fr
GNU General Public License v3.0
900 stars 104 forks source link

Ability to Move Notes & Less Opacity #269

Closed Shorthand8089 closed 8 months ago

Shorthand8089 commented 8 months ago

Two Feature Requests:

  1. I wondered if it would be possible to make the Notes tab moveable?
  2. And add less opacity to the slider so I can see the background image a bit more clearly? The slider is great but I'd like an even more transparent option.

Moveable Notes For example, there's an option in the Page Layout that has two or three collumns. I'd like the ability to move the Notes section into a second collumn (like with the time, date, weather on the right side with the Notes tab on the left) or vise versa. When I have a lot of notes, the page can look very messy with everything in a single collumn.

Another option would be to make the Notes completley movable like a sticky note that can be moved around the entire page.

Describe alternatives you've considered Maybe this could be done by editing the CSS at the bottom? Not sure.

I really enjoy using Bonjourr and the customizations are what makes better than other alternatives to me! Keep up the amazing work, devs!

victrme commented 8 months ago

Hi @Shorthand8089 :)

I wondered if it would be possible to make the Notes tab moveable?

Yes you can move the Notes widget !

Next to the columns in "Page layout", there is a "Edit layout" that will open a toolbox. If you click on any widgets on the page, you'll be able to move them. The UI for this option will need an improvement though.

Making Notes moveable like a sticky note is actually a good idea, I'll keep this option in mind !

And add less opacity to the slider so I can see the background image a bit more clearly? The slider is great but I'd like an even more transparent option.

You can already set the opacity at 0, I think you are referring to the blur effect ? If yes, I don't plan on adding an option for this specifically, but you can change it yourself by changing the px amount in this CSS:

#interface #pocket-editor {
  backdrop-filter: blur(5px)
}
Shorthand8089 commented 8 months ago

Oh, I didn't realize I could already move the Notes. Great! The CSS fixed the blur effect, thank you.