Provide option to remove document status like "Recommendation"

[ktk]

My Tolino ebook reader seems to be having a problem with the status of the document on the left side like "Recommendation", it either distorts the text or overlays part of it so it cannot be read anymore. It would be nice if there is an option to remove this in the epub output.

[iherman]

On 10 Oct 2016, at 18:40, Adrian Gschwend notifications@github.com wrote:

My Tolino ebook reader seems to be having a problem with the status of the document on the left side like "Recommendation", it either distorts the text or overlays part of it so it cannot be read anymore. It would be nice if there is an option to remove this in the epub output.

https://cloud.githubusercontent.com/assets/583021/19243597/7a8b8e68-8f18-11e6-92b7-e39e85858125.png

The problem is that this is deeply rooted in the W3C style sheets that I simply copy and not change. I wonder whether there is a way, in an extra CSS, to remove it; that may be a way but I am not sure.

Can you provide some more details on how exactly Tolino goes wild? Is there a way to add some CSS control to keep this and have the content display properly anyway?

[ktk]

There are two different symptoms I see:

This one is the more disturbing. A bit less annoying:

I will see if I can disable the display of that somehow with CSS. I guess the HTML/CSS support in Tolino is not really good, have some other rendering problems but they are less disturbing.

[ktk]

FYI looks like even Android based epub readers have a problem with that, I have the exact same display on my Aldiko epub reader on Android.

Meanwhile I figured out where it's specified, it's the background-image, file W3C-CR.css

/* Style for a Candidate Recommendation */
@import "base.css";
body {
  background-image: url(logos/CR);
}

Simply changing that to

body {
  background-image: none;
}

solves the problem. The filename is different depending on the W3C level of the document. I'm not too skilled in CSS, is there a way to simply have a separate CSS that overrides background-image to none and problem solved?

[iherman]

Well…

that is of course a working, but a bit too radical solution for my taste. The current setup works well on a number of readers that I tried it with (iBooks, bluefire and its newer incarnation, readium, calibre,…). That did require some tricks; for example, I had to include a special trick for the iBook reader, insofar as (if I remember well) it set its own margins for the element, and I had to restructure the code to make it possible (I spare you the details…). I was hoping we can find the reasons this does not work in this particular case and get around it, or at least be able to put there some sort of a media query to switch off the feature only conditionally. Any idea?

Thx

On 16 Oct 2016, at 20:46, Adrian Gschwend notifications@github.com wrote:

FYI looks like even Android based epub readers have a problem with that, I have the exact same display on my Aldiko https://play.google.com/store/apps/details?id=com.aldiko.android&hl=de epub reader on Android.

Meanwhile I figured out where it's specified, it's the background-image, file W3C-CR.css

/* Style for a Candidate Recommendation */ @import "base.css"; body { background-image: url(logos/CR); } Simply changing that to

body { background-image: none; } solves the problem. The filename is different depending on the W3C level of the document. I'm not too skilled in CSS, is there a way to simply have a separate CSS that overrides background-image to none and problem solved?