Hide the top of the screen for punch hole cameras

SlenderXIV commented 2 months ago

Describe your suggested feature

I have a punchole display and it can be pretty distracting when reading a novel. Would it be possible to make a setting that adds a black bar for the top of the screen to hide the punchole camera ?

Other details

No response

Acknowledgements

[X] I have searched the existing issues and this is a new ticket, NOT a duplicate or related to another open or closed issue.
[X] I have written a short but informative title.
[X] If this is an issue with a source, I should be opening an issue in the sources repository.
[X] I have updated the app to version 2.0.0.
[X] I will fill out all of the requested information in this form.

rajarsheechatterjee commented 1 week ago

You can disable "Fullscreen" from the reader's bottom sheet. This will prevent the chapter content from going behind the notch or camera.

SlenderXIV commented 1 week ago

I am aware that removing fullscreen prevents the punch hole from covering the text.

However having the notifications, the status bar and the navigation bar visible at all time is even more disctracting while reading than the punch hole in my display.

Palloxin commented 1 week ago

just add a toggle option for this:

html::before {
  content: "";
  height: 30px;
  background: var(--readerSettings-theme);
  position: sticky;
  top: 0;
  display: block;
}

rajarsheechatterjee commented 1 week ago

You can apply custom CSS as suggested by @Palloxin to prevent content from displaying behind the punch hole. Adding a toggle option for this might not be necessary, as it doesn’t seem like something users would frequently switch on or off.

LNReader / lnreader