Cutlery/calibre
1
0
Fork 0
mirror of https://github.com/kovidgoyal/calibre.git synced 2025-07-09 03:04:10 -04:00
Code Issues Packages Projects Releases Wiki Activity

Handle media queries when finding matching CSS rules

Browse Source
This commit is contained in:
Kovid Goyal 2014-05-18 18:23:23 +05:30
parent 833faa475c
commit 2e3d14ec7b
2 changed files with 29 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
resources/compiled_coffeescript.zip
View File

Binary file not shown.

46
src/calibre/ebooks/oeb/polish/preview.coffee
View File

@ -162,6 +162,32 @@ get_style_properties = (style, all_properties, node_style, is_ancestor) ->
i += 1 i += 1
return properties return properties
process_rules = (node, cssRules, address, sheet, matching_selectors, all_properties, node_style, is_ancestor, ans) ->
num = -1
for rule in cssRules
num += 1
rule_address = address + [num]
if rule.type == CSSRule.MEDIA_RULE
process_rules(node, rule.cssRules, rule_address, sheet, matching_selectors, all_properties, node_style, is_ancestor, ans)
continue
if rule.type != CSSRule.STYLE_RULE
continue
# As a performance improvement, instead of running the match on every
# rule, we simply check if its selector is one of the matching
# selectors returned by getMatchedCSSRules. However,
# getMatchedCSSRules ignores rules in media queries that dont apply, so we check them manually
st = rule.selectorText
if st and (matching_selectors.hasOwnProperty(st) or (rule_address.length > 1 and node.webkitMatchesSelector(st)))
type = 'sheet'
href = sheet.href
if href == null
href = get_sourceline_address(sheet.ownerNode)
type = 'elem'
properties = get_style_properties(rule.style, all_properties, node_style, is_ancestor)
if properties.length > 0
data = {'selector':st, 'type':type, 'href':href, 'properties':properties, 'is_ancestor':is_ancestor, 'rule_address':rule_address}
ans.push(data)
get_matched_css = (node, is_ancestor, all_properties) -> get_matched_css = (node, is_ancestor, all_properties) ->
# WebKit sets parentStyleSheet == null for rules returned by getMatchedCSSRules so we cannot use them directly # WebKit sets parentStyleSheet == null for rules returned by getMatchedCSSRules so we cannot use them directly
rules = node.ownerDocument.defaultView.getMatchedCSSRules(node, '') rules = node.ownerDocument.defaultView.getMatchedCSSRules(node, '')
@ -176,31 +202,17 @@ get_matched_css = (node, is_ancestor, all_properties) ->
for sheet in document.styleSheets for sheet in document.styleSheets
if sheet.disabled if sheet.disabled
continue continue
for rule in sheet.cssRules process_rules(node, sheet.cssRules, [], sheet, matching_selectors, all_properties, node_style, is_ancestor, ans)
if rule.type != CSSRule.STYLE_RULE
continue
# Either use matching_selectors for speed or matches for
# correctness
# if rule.selectorText and node.webkitMatchesSelector(rule.selectorText)
if rule.selectorText and matching_selectors.hasOwnProperty(rule.selectorText)
type = 'sheet'
href = sheet.href
if href == null
href = get_sourceline_address(sheet.ownerNode)
type = 'elem'
properties = get_style_properties(rule.style, all_properties, node_style, is_ancestor)
if properties.length > 0
data = {'selector':rule.selectorText, 'type':type, 'href':href, 'properties':properties, 'is_ancestor':is_ancestor}
ans.push(data)
if node.getAttribute('style') if node.getAttribute('style')
properties = get_style_properties(node.style, all_properties, node_style, is_ancestor) properties = get_style_properties(node.style, all_properties, node_style, is_ancestor)
if properties.length > 0 if properties.length > 0
data = {'selector':null, 'type':'inline', 'href':get_sourceline_address(node), 'properties':properties, 'is_ancestor':is_ancestor} data = {'selector':null, 'type':'inline', 'href':get_sourceline_address(node), 'properties':properties, 'is_ancestor':is_ancestor, 'rule_address':null}
ans.push(data) ans.push(data)
return ans.reverse() return ans.reverse()
class PreviewIntegration class PreviewIntegration
### ###