Book reader styling (#641)

* Book reader styling

# Fixed
- Fixed styling issue with bottom nav

# Changed
- Added slight show to settings drawer
- Removed button outlines unless on hover.

* Added focus selector for keyboard only readers

* Updating

- Resolving review comments.
- Added z-index to top nav so drawer opens underneath (removing visible border)

* Styling fixes for light mode

- Added box shadow to book reader top nav to provide depth effect on light mode.
- Fixed book reader font color top nav buttons on light mode so they would show up.
- Fixed book reader drawer box shadow. for light mode.

* More style fixes

- Fix box-shadow on top and bottom book reader nav

* Fixed a button press style on light mode

Co-authored-by: Joseph Milazzo <joseph.v.milazzo@gmail.com>
This commit is contained in:
Robbie Davis 2021-10-06 14:11:34 -04:00 committed by GitHub
parent 977e364d5a
commit 12261f2554
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 71 additions and 4 deletions

View file

@ -13,7 +13,7 @@
height: 100vh;
background: var(--drawer-background-color);
transition: all 300ms;
box-shadow: -3px 0px 6px 1px #00000026;
box-shadow: 0 6px 4px 2px rgb(0 0 0 / 70%);
padding: 10px 10px;
z-index: 1021;
overflow: auto;