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

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

Issue 2859623002: DevTools: Migrate from -webkit-user-modify to contenteditable (Closed)
Patch Set: Add contenteditable on attach Created 3 years, 7 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/inspectorCommon.css ('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 .text-prompt-root { 7 .text-prompt-root {
8 display: flex; 8 display: flex;
9 align-items: center; 9 align-items: center;
10 } 10 }
11 11
12 .text-prompt-editing { 12 .text-prompt-editing {
13 -webkit-user-select: text;
14 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 13 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2),
15 0 2px 4px rgba(0, 0, 0, 0.2), 14 0 2px 4px rgba(0, 0, 0, 0.2),
16 0 2px 6px rgba(0, 0, 0, 0.1); 15 0 2px 6px rgba(0, 0, 0, 0.1);
17 background-color: white; 16 background-color: white;
18 -webkit-user-modify: read-write-plaintext-only;
19 text-overflow: clip !important; 17 text-overflow: clip !important;
20 padding-left: 2px; 18 padding-left: 2px;
21 margin-left: -2px; 19 margin-left: -2px;
22 padding-right: 2px; 20 padding-right: 2px;
23 margin-right: -2px; 21 margin-right: -2px;
24 margin-bottom: -1px; 22 margin-bottom: -1px;
25 padding-bottom: 1px; 23 padding-bottom: 1px;
26 opacity: 1.0 !important; 24 opacity: 1.0 !important;
27 } 25 }
28 26
29 .text-prompt-editing, 27 .text-prompt-editing,
30 .text-prompt-editing ::content * { 28 .text-prompt-editing ::content * {
31 color: #222 !important; 29 color: #222 !important;
32 text-decoration: none !important; 30 text-decoration: none !important;
33 -webkit-user-modify: read-write-plaintext-only;
34 white-space: pre; 31 white-space: pre;
35 } 32 }
36 33
37 ::content .auto-complete-text { 34 ::content .auto-complete-text {
38 color: rgb(128, 128, 128) !important; 35 color: rgb(128, 128, 128) !important;
39 -webkit-user-select: none;
40 -webkit-user-modify: read-only;
41 } 36 }
42 37
43 ::content .text-prompt[data-placeholder]:empty::before { 38 ::content .text-prompt[data-placeholder]:empty::before {
44 content: attr(data-placeholder); 39 content: attr(data-placeholder);
45 color: rgb(128, 128, 128); 40 color: rgb(128, 128, 128);
46 } 41 }
47 42
48 ::content .text-prompt:not([data-placeholder]):empty::after { 43 ::content .text-prompt:not([data-placeholder]):empty::after {
49 content: '\00A0'; 44 content: '\00A0';
50 width: 0; 45 width: 0;
51 display: block; 46 display: block;
52 } 47 }
53 48
54 .text-prompt-editing ::content br { 49 .text-prompt-editing ::content br {
55 display: none; 50 display: none;
56 } 51 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698