| OLD | NEW |
| 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 } |
| OLD | NEW |