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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/tooltip.css

Issue 2080763002: DevTools: break words while wrapping tooltips if those don't contain spaces (long paths). (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 6 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
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/Tooltip.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be 3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file. 4 * found in the LICENSE file.
5 */ 5 */
6 6
7 .tooltip { 7 .tooltip {
8 background: hsl(0, 0%, 95%); 8 background: hsl(0, 0%, 95%);
9 border-radius: 2px; 9 border-radius: 2px;
10 color: hsl(0, 0%, 20%); 10 color: hsl(0, 0%, 20%);
(...skipping 10 matching lines...) Expand all
21 visibility: hidden; 21 visibility: hidden;
22 transition: visibility 0s 100ms, opacity 150ms cubic-bezier(0, 0, .2, 1); 22 transition: visibility 0s 100ms, opacity 150ms cubic-bezier(0, 0, .2, 1);
23 z-index: 20001; 23 z-index: 20001;
24 top: 0; 24 top: 0;
25 left: 0; 25 left: 0;
26 opacity: 0; 26 opacity: 0;
27 text-overflow: ellipsis; 27 text-overflow: ellipsis;
28 overflow: hidden; 28 overflow: hidden;
29 } 29 }
30 30
31 .tooltip-breakword {
32 word-break: break-word;
33 }
34
31 .tooltip.shown { 35 .tooltip.shown {
32 visibility: visible; 36 visibility: visible;
33 transition-delay: 600ms; 37 transition-delay: 600ms;
34 opacity: 1; 38 opacity: 1;
35 } 39 }
36 40
37 .tooltip.shown.instant { 41 .tooltip.shown.instant {
38 transition-delay: 0s; 42 transition-delay: 0s;
39 } 43 }
40 44
41 .tooltip-shortcut { 45 .tooltip-shortcut {
42 color: hsl(0, 0%, 45%); 46 color: hsl(0, 0%, 45%);
43 display: inline-block; 47 display: inline-block;
44 margin-left: 8px; 48 margin-left: 8px;
45 flex: 0 0 auto; 49 flex: 0 0 auto;
46 } 50 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/Tooltip.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698