Comments (4)
Fixed with johnfactotum/foliate-js@99e246e and johnfactotum/foliate-js@0cebcb9.
center gap between the two pages
I think this is due to the default margin on the body element, which can be fixed with body { margin: 0; }
.
from foliate.
This might be an extremely minor nitpick but even with margin: 0; padding: 0
on the html
and body
elements there still exists a 1 pixel gap between the spreads:
Thorium renders both variants (stylesheet-less and with stylesheet) as truly gapless:
Relevant EPUBs here (contains original EPUB + EPUB with stylesheet): FXL-Test.zip
On another note: I'm not well versed with any specifications of default values for CSS properties besides what is shown here (I'm not sure if this is normative), but should the body margin be set to 0 px for FXL content?
from foliate.
A slight gap is visible in your Thorium screenshot as well. I think it's an antialiasing artifact (antialiasing being applied to the individual pages which causes the gap to appear). As far as I know it's not really something that can be fixed as the antialiasing is controlled by the browser engine. It works for me, though, when using 200% HiDPI scaling:
Regarding the default user agent stylesheet, as far as I can tell, there aren't any special requirements for fixed layout. For EPUB in general, the reading system spec says
a reading system's user agent style sheet SHOULD support the [html] suggested default rendering.
from foliate.
Okay, I can reproduce the gapless rendering with 200% scale as well, also noticed Thorium's gapless rendering might have a bug as well (where the pages are actually overlapped by 1 or 2 pixels, producing the AA artifacts), though that's hard to confirm (increasing zoom level causes pages to definitively overlap on my system though).
In any case, thanks for fixing this bug, seems to be the only FOSS epub renderer right now that can actually render FXL RTL correctly.
from foliate.
Related Issues (20)
- Foliate fails to open valid fb2 book: Maximum call stack size exceeded HOT 1
- Foliate gtk-4 giving coredump HOT 2
- Does not correctly track the last pages of a book HOT 2
- Wrong font variant rendered HOT 8
- Changing Theme in Manjaro / Arch doesn't register the change and foliate freezes
- Trying to change theme crashes Foliate HOT 3
- Adjust character spacing?
- Add the snap edge channel in the gtk4 branch README
- Open fb2 error |undefined is not a function HOT 4
- v.2.6.4 crashes, memory error. HOT 1
- gtk4 color theme improvements
- Keyboard navigation in gtk4 version HOT 1
- Unable to keep foliate running for 2 mins or more... HOT 3
- add pdf HOT 1
- Please release it for windows HOT 1
- new gjs version causes crashes HOT 17
- How can I rotate the page so I could hold the laptop like a book HOT 3
- Why Foliate doesn't work anymore on my Librem 5 HOT 3
- Is it possible to suggest a different theme colors ? HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from foliate.