| OLD | NEW |
| 1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 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 /* Container for the elements that make up the search bubble. */ | 5 /* Container for the elements that make up the search bubble. */ |
| 6 .search-bubble { | 6 .search-bubble { |
| 7 left: 0; | 7 left: 0; |
| 8 margin-top: 5px; | 8 margin-top: 5px; |
| 9 pointer-events: none; | 9 pointer-events: none; |
| 10 position: absolute; | 10 position: absolute; |
| 11 top: -1000px; /* Minor hack: position off-screen by default. */ | 11 top: -1000px; /* Minor hack: position off-screen by default. */ |
| 12 /* Create a z-context for search-bubble-innards, its after and before. */ | 12 /* Create a z-context for search-bubble-innards, its after and before. */ |
| 13 z-index: 1; | 13 z-index: 1; |
| 14 } | 14 } |
| 15 | 15 |
| 16 /* Contains the text content of the bubble. */ | 16 /* Contains the text content of the bubble. */ |
| 17 .search-bubble-innards { | 17 .search-bubble-innards { |
| 18 background: linear-gradient(rgba(255, 248, 172, 0.9), | 18 background: linear-gradient(rgba(255, 248, 172, 0.9), |
| 19 rgba(255, 243, 128, 0.9)); | 19 rgba(255, 243, 128, 0.9)); |
| 20 border-radius: 2px; | 20 border-radius: 2px; |
| 21 overflow: hidden; |
| 21 padding: 4px 10px; | 22 padding: 4px 10px; |
| 22 text-align: center; | 23 text-align: center; |
| 24 text-overflow: ellipsis; |
| 23 width: 100px; | 25 width: 100px; |
| 24 } | 26 } |
| 25 | 27 |
| 26 /* Provides the border around the bubble (has to be behind ::after). */ | 28 /* Provides the border around the bubble (has to be behind ::after). */ |
| 27 .search-bubble-innards::before { | 29 .search-bubble-innards::before { |
| 28 border: 1px solid rgb(220, 198, 72); | 30 border: 1px solid rgb(220, 198, 72); |
| 29 border-radius: 2px; | 31 border-radius: 2px; |
| 30 bottom: -1px; | 32 bottom: -1px; |
| 31 content: ''; | 33 content: ''; |
| 32 left: -1px; | 34 left: -1px; |
| (...skipping 17 matching lines...) Expand all Loading... |
| 50 left: 53px; | 52 left: 53px; |
| 51 position: absolute; | 53 position: absolute; |
| 52 top: -7px; | 54 top: -7px; |
| 53 width: 12px; | 55 width: 12px; |
| 54 z-index: -1; | 56 z-index: -1; |
| 55 } | 57 } |
| 56 | 58 |
| 57 .search-bubble-wrapper { | 59 .search-bubble-wrapper { |
| 58 position: relative; | 60 position: relative; |
| 59 } | 61 } |
| OLD | NEW |