Live CSS panel clickable links

Section8 · 06-07-2014, 01:54 AM

I'm using calibre 1.39 on linux here.

First, I want to say that I love the new editor Live CSS feature. Whenever I edit an epub I've purchased, it's usually to tweak the css formatting to suit my preferences and work around ereader (nook) formatting bugs. The Live CSS panel clickable class links are a real tedium saver here.

However, I've worked on several epubs where the clickable links in the live CSS panel consistently link to the wrong css class. After some experimenting with different epubs in my library, I think I've found a pattern. The css @font-face statement seems to throw it off. If a .css file contains 3 @font-face statements, all the Live CSS links in that file will link 3 classes after the correct class. The @charset statement has a similar affect - if a .css file has an @charset statement at the beginning, all of the Live CSS links are 1 class after the correct class.

kovidgoyal · 06-07-2014, 02:25 AM

It would be helpful if you could attach a demonstration epub, in my testing @font-face rules dont seem to cause a problem.

Section8 · 06-07-2014, 04:08 AM

Thanks, Kovid.

With the attached epub, if I click on the link to "p.para", the editor highlights "p.para-1b"

kovidgoyal · 06-07-2014, 05:10 AM

Fix will be in next release.

Section8 · 06-07-2014, 10:55 AM

Thank you

06-07-2014, 01:54 AM	#1
Section8 Addict Posts: 266 Karma: 2121470 Join Date: Oct 2011 Location: Arlington, TX Device: Kindle PW4, Moon+ Reader on a cheap Android tablet	Live CSS panel clickable links I'm using calibre 1.39 on linux here. First, I want to say that I love the new editor Live CSS feature. Whenever I edit an epub I've purchased, it's usually to tweak the css formatting to suit my preferences and work around ereader (nook) formatting bugs. The Live CSS panel clickable class links are a real tedium saver here. However, I've worked on several epubs where the clickable links in the live CSS panel consistently link to the wrong css class. After some experimenting with different epubs in my library, I think I've found a pattern. The css @font-face statement seems to throw it off. If a .css file contains 3 @font-face statements, all the Live CSS links in that file will link 3 classes after the correct class. The @charset statement has a similar affect - if a .css file has an @charset statement at the beginning, all of the Live CSS links are 1 class after the correct class.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Live CSS questions	DrChiper	Editor	23	05-26-2014 11:33 AM
Live Blog Links for Apple iPad Event	tubemonkey	News	1	03-07-2012 01:25 PM
Live Blog Links for Apple Event	tubemonkey	News	97	10-06-2011 10:25 AM
Live Blog Links for Amazon Press Conference	tubemonkey	News	299	09-29-2011 01:52 PM
Can't get clickable links in iLiad PDF	MicheleC	iRex	3	12-11-2007 06:01 AM

06-07-2014, 02:25 AM	#2
kovidgoyal creator of calibre Posts: 45,610 Karma: 28549044 Join Date: Oct 2006 Location: Mumbai, India Device: Various	It would be helpful if you could attach a demonstration epub, in my testing @font-face rules dont seem to cause a problem.

06-07-2014, 05:10 AM	#4
kovidgoyal creator of calibre Posts: 45,610 Karma: 28549044 Join Date: Oct 2006 Location: Mumbai, India Device: Various	Fix will be in next release.

06-07-2014, 10:55 AM	#5
Section8 Addict Posts: 266 Karma: 2121470 Join Date: Oct 2011 Location: Arlington, TX Device: Kindle PW4, Moon+ Reader on a cheap Android tablet	Thank you

Advert

Advert