| 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 |
|---|
Chromium Code Reviews
Issue 3016663002:
Decrement z-index of alert-icon and yaxis-label. (Closed)
