| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright 2017 The Chromium Authors. All rights reserved. | 2 * Copyright 2017 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 :host { | 6 :host { |
| 7 height: 26px; | 7 height: 26px; |
| 8 text-align: left; | 8 text-align: left; |
| 9 position: relative; |
| 10 border: none; |
| 11 background: none; |
| 9 } | 12 } |
| 10 | 13 |
| 11 :host([disabled]) { | 14 :host([disabled]) { |
| 12 opacity: .5; | 15 opacity: .5; |
| 13 } | 16 } |
| 14 | 17 |
| 15 :host .title { | 18 :host .title { |
| 16 padding-right: 5px; | 19 padding-right: 5px; |
| 17 width: 120px; | 20 width: 120px; |
| 18 overflow: hidden; | 21 overflow: hidden; |
| 19 text-overflow: ellipsis; | 22 text-overflow: ellipsis; |
| 20 } | 23 } |
| 21 | 24 |
| 22 :host([data-keyboard-focus="true"]:focus)::before { | 25 :host([data-keyboard-focus="true"]:focus)::before { |
| 23 content: ""; | 26 content: ""; |
| 24 position: absolute; | 27 position: absolute; |
| 25 top: 2px; | 28 top: 2px; |
| 26 left: 2px; | 29 left: 2px; |
| 27 right: 2px; | 30 right: 2px; |
| 28 bottom: 2px; | 31 bottom: 2px; |
| 29 border-radius: 2px; | 32 border-radius: 2px; |
| 30 background: rgba(0, 0, 0, 0.08); | 33 background: rgba(0, 0, 0, 0.08); |
| 31 } | 34 } |
| 32 | 35 |
| 33 :host(.warning) { | 36 :host(.warning) { |
| 34 background: #ffd7d7 !important; | 37 background: #ffd7d7 !important; |
| 35 } | 38 } |
| OLD | NEW |