Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(131)

Side by Side Diff: chrome/browser/resources/print_preview/common/search_bubble.css

Issue 568973002: Print Preview Advanced settings tweaks: (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 6 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698