OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <!-- | 2 <!-- |
3 Copyright 2016 The Chromium Authors. All rights reserved. | 3 Copyright 2016 The Chromium Authors. All rights reserved. |
4 Use of this source code is governed by a BSD-style license that can be | 4 Use of this source code is governed by a BSD-style license that can be |
5 found in the LICENSE file. | 5 found in the LICENSE file. |
6 --> | 6 --> |
7 <!-- | 7 <!-- |
8 The chart-container element represents one chart and all related functionality, | 8 The chart-container element represents one chart and all related functionality, |
9 including a legend listing different traces that can be plotted on the same | 9 including a legend listing different traces that can be plotted on the same |
10 chart, a revision range selecting mini-chart at the bottom, and all of the alert | 10 chart, a revision range selecting mini-chart at the bottom, and all of the alert |
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
57 | 57 |
58 #chart-yaxis-label { | 58 #chart-yaxis-label { |
59 transform: rotate(-90deg) translate(-50%); | 59 transform: rotate(-90deg) translate(-50%); |
60 -webkit-transform: rotate(-90deg) translate(-50%); | 60 -webkit-transform: rotate(-90deg) translate(-50%); |
61 transform-origin: 0 0; | 61 transform-origin: 0 0; |
62 -webkit-transform-origin: 0 0; | 62 -webkit-transform-origin: 0 0; |
63 top: 50%; | 63 top: 50%; |
64 position: absolute; | 64 position: absolute; |
65 padding-top: 5px; | 65 padding-top: 5px; |
66 background-color: white; | 66 background-color: white; |
67 z-index: 1000; | 67 z-index: 999; |
68 } | 68 } |
69 | 69 |
70 #vline-container { | 70 #vline-container { |
71 display: flex; | 71 display: flex; |
72 width: 100%; | 72 width: 100%; |
73 } | 73 } |
74 #plots-container { | 74 #plots-container { |
75 flex-grow: 1; | 75 flex-grow: 1; |
76 display: flex; | 76 display: flex; |
77 flex-direction: column; | 77 flex-direction: column; |
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
120 height: 0px; | 120 height: 0px; |
121 left: 0px; | 121 left: 0px; |
122 top: 0px; | 122 top: 0px; |
123 position: relative; | 123 position: relative; |
124 } | 124 } |
125 | 125 |
126 alert-icon { | 126 alert-icon { |
127 position: absolute; | 127 position: absolute; |
128 margin-top: -5px; | 128 margin-top: -5px; |
129 margin-left: -6px; | 129 margin-left: -6px; |
130 z-index: 1000; | 130 z-index: 999; |
131 } | 131 } |
132 | 132 |
133 #close-chart { | 133 #close-chart { |
134 color: #e91e63; | 134 color: #e91e63; |
135 } | 135 } |
136 | 136 |
137 #close-chart > iron-icon { | 137 #close-chart > iron-icon { |
138 margin-right: 4px; | 138 margin-right: 4px; |
139 } | 139 } |
140 | 140 |
(...skipping 2785 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2926 // TODO(#3841): Use dom-change or observeNodes instead of async(). | 2926 // TODO(#3841): Use dom-change or observeNodes instead of async(). |
2927 this.async(() => { | 2927 this.async(() => { |
2928 this.set('selectedRelatedTab', | 2928 this.set('selectedRelatedTab', |
2929 this.relatedTabs[this.selectedRelatedTabIndex].sparklines); | 2929 this.relatedTabs[this.selectedRelatedTabIndex].sparklines); |
2930 }); | 2930 }); |
2931 }, | 2931 }, |
2932 }); | 2932 }); |
2933 })(); | 2933 })(); |
2934 </script> | 2934 </script> |
2935 </dom-module> | 2935 </dom-module> |
OLD | NEW |