| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 .bubble { | 5 .bubble { |
| 6 position: absolute; | 6 position: absolute; |
| 7 white-space: normal; | 7 white-space: normal; |
| 8 /* Height is dynamic, width fixed. */ | 8 /* Height is dynamic, width fixed. */ |
| 9 width: 300px; | 9 width: 300px; |
| 10 z-index: 9999; | 10 z-index: 9999; |
| 11 } | 11 } |
| 12 | 12 |
| 13 .bubble-content { | 13 .bubble-content { |
| 14 color: black; | 14 color: black; |
| 15 line-height: 150%; | 15 line-height: 150%; |
| 16 margin: 1px; | 16 margin: 1px; |
| 17 padding: 8px 11px 12px; | 17 padding: 8px 11px 12px; |
| 18 position: relative; | 18 position: relative; |
| 19 z-index: 3; | 19 z-index: 3; |
| 20 } | 20 } |
| 21 | 21 |
| 22 /* When the close button is there, we need more padding on the right of the | 22 /* When the close button is there, we need more padding on the right of the |
| 23 * bubble. */ | 23 * bubble. */ |
| 24 .bubble-close:not([hidden]) ~ .bubble-content { | 24 .bubble-close:not([hidden]) ~ .bubble-content { |
| 25 -webkit-padding-end: 22px; | 25 -webkit-padding-end: 22px; |
| 26 } | 26 } |
| 27 | 27 |
| 28 .bubble-close { | 28 .bubble-close { |
| 29 background-image: no-repeat 50% 50%; | |
| 30 height: 16px; | 29 height: 16px; |
| 31 position: absolute; | 30 position: absolute; |
| 32 right: 6px; | 31 right: 6px; |
| 33 top: 6px; | 32 top: 6px; |
| 34 width: 16px; | 33 width: 16px; |
| 35 z-index: 4; | 34 z-index: 4; |
| 36 } | 35 } |
| 37 | 36 |
| 38 html[dir='rtl'] .bubble-close { | 37 html[dir='rtl'] .bubble-close { |
| 39 left: 6px; | 38 left: 6px; |
| (...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 89 | 88 |
| 90 .bubble-shadow, | 89 .bubble-shadow, |
| 91 .bubble-content { | 90 .bubble-content { |
| 92 border-radius: 6px; | 91 border-radius: 6px; |
| 93 box-sizing: border-box; | 92 box-sizing: border-box; |
| 94 } | 93 } |
| 95 | 94 |
| 96 .auto-close-bubble { | 95 .auto-close-bubble { |
| 97 position: fixed; | 96 position: fixed; |
| 98 } | 97 } |
| OLD | NEW |