Polymer 2 - Fix comments highlight
In the shadow DOM v1 it is impossible to set styles for nested shadow-dom
elements. To fix the problem, style was added directly to gr-diff
element as a style module (gr-syntax-layer does it in the same way).
It is impossible to fix this problem with ::slotted, because ::slotted
can't select a descendant of a top-level distributed child.
Bug: Issue 11323
Change-Id: I4fcab47a40255490cd922f921502a8532dbffcf8
diff --git a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
index 2d16a4b..0771a7f 100644
--- a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
+++ b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
@@ -24,6 +24,7 @@
<link rel="import" href="../gr-diff-highlight/gr-diff-highlight.html">
<link rel="import" href="../gr-diff-selection/gr-diff-selection.html">
<link rel="import" href="../gr-syntax-themes/gr-syntax-theme.html">
+<link rel="import" href="../gr-ranged-comment-themes/gr-ranged-comment-theme.html">
<script src="../../../scripts/hiddenscroll.js"></script>
@@ -307,6 +308,7 @@
}
</style>
<style include="gr-syntax-theme"></style>
+ <style include="gr-ranged-comment-theme"></style>
<div id="diffHeader" hidden$="[[_computeDiffHeaderHidden(_diffHeaderItems)]]">
<template
is="dom-repeat"
