Reader Q&A
Closed this issue · 2 comments
Desktop and App
- make
<header>and allhs same size of body text, serif - make deactivated Reader button in Premium color 50% opacity for non-premiums
-
<figcaption> pshould be also small, like<figcaption><span>
- [ ] bullet points applied to non-list items (in this case looks like a simple <p> (ref3 CAB: this is actually a li weirdly, going to remove this one)
Desktop only
-
replace 'Screenshot' with 'Preview' for consistency
-
Premium prompt: border premium color, shadow
rgba(0, 0, 0, 0.1) 0px 0px 1em;
- I'd force all images to
be max-width: 75%; - reduce line length by increasing padding as follows:
App only
-
small corrections for toggle and dark mode values here: https://www.figma.com/file/eHsfIgYMWJHUfa9PnHTBM4/Are.na?node-id=682%3A57
-
weird indents happen where doesn't seem to be any list or specific tag (ref.1)
-
assuming this is what you tried and didn't work https://3q5e4.csb.app/, possible to try this? https://bp30t.csb.app/
-
quotes are displayed in small sans serif, should have same principles of markdown styling but with reader font family and size (ref2)
-
there's a white bottom margin/footer covering text, the content doesn't go all the way to the screen margin (ref2)
Nices to have
-
I guess hard because the toggle is a fake header, but having the header hide-up when you start scrolling down, and appear as you scroll up, would make reading space so nice (like instapaper does with footer)
-
swipe to switch toggle, even without animation
-
connect button at the end of article
ref1
https://www.are.na/block/7837154
@broskoski added some
wrong font size and font family
