 9b4836aa07
			
		
	
	9b4836aa07
	
	
	
		
			
			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
		
			
				
	
	
		
			45 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			45 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!--
 | |
| @license
 | |
| Copyright (C) 2016 The Android Open Source Project
 | |
| 
 | |
| Licensed under the Apache License, Version 2.0 (the "License");
 | |
| you may not use this file except in compliance with the License.
 | |
| You may obtain a copy of the License at
 | |
| 
 | |
| http://www.apache.org/licenses/LICENSE-2.0
 | |
| 
 | |
| Unless required by applicable law or agreed to in writing, software
 | |
| distributed under the License is distributed on an "AS IS" BASIS,
 | |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 | |
| See the License for the specific language governing permissions and
 | |
| limitations under the License.
 | |
| -->
 | |
| <link rel="import" href="/bower_components/polymer/polymer.html">
 | |
| 
 | |
| <link rel="import" href="../../../behaviors/fire-behavior/fire-behavior.html">
 | |
| <link rel="import" href="../../../styles/shared-styles.html">
 | |
| <link rel="import" href="../gr-selection-action-box/gr-selection-action-box.html">
 | |
| 
 | |
| <dom-module id="gr-diff-highlight">
 | |
|   <template>
 | |
|     <style include="shared-styles">
 | |
|       :host {
 | |
|         position: relative;
 | |
|       }
 | |
|       gr-selection-action-box {
 | |
|         /**
 | |
|          * Needs z-index to apear above wrapped content, since it's inseted
 | |
|          * into DOM before it.
 | |
|          */
 | |
|         z-index: 10;
 | |
|       }
 | |
|     </style>
 | |
|     <div class="contentWrapper">
 | |
|       <slot></slot>
 | |
|     </div>
 | |
|   </template>
 | |
|   <script src="gr-annotation.js"></script>
 | |
|   <script src="gr-range-normalizer.js"></script>
 | |
|   <script src="gr-diff-highlight.js"></script>
 | |
| </dom-module>
 |