OLD | NEW |
1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 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 #item { | 5 #item { |
6 @apply(--layout-center); | 6 @apply(--layout-center); |
7 @apply(--layout-horizontal); | 7 @apply(--layout-horizontal); |
8 color: rgb(80, 80, 80); | 8 color: rgb(80, 80, 80); |
9 cursor: pointer; | 9 cursor: pointer; |
10 font-size: 77.8%; | 10 font-size: 77.8%; |
11 height: 30px; | 11 height: 30px; |
12 overflow: hidden; | |
13 position: relative; | 12 position: relative; |
14 white-space: nowrap; | |
15 } | 13 } |
16 | 14 |
17 #item:hover { | 15 #item:hover { |
18 background-color: rgb(237, 237, 237); | 16 background-color: rgb(237, 237, 237); |
19 color: rgb(20, 20, 20); | 17 color: rgb(20, 20, 20); |
20 } | 18 } |
21 | 19 |
| 20 #title { |
| 21 overflow: hidden; |
| 22 text-overflow: ellipsis; |
| 23 white-space: nowrap; |
| 24 } |
| 25 |
22 #expand { | 26 #expand { |
23 --iron-icon-height: 16px; | 27 --iron-icon-height: 16px; |
24 --iron-icon-width: 16px; | 28 --iron-icon-width: 16px; |
25 height: 16px; | 29 height: 16px; |
26 min-width: 16px; | 30 min-width: 16px; |
27 padding: 6px; | 31 padding: 6px; |
28 transition: transform 150ms; | 32 transition: transform 150ms; |
29 width: 16px; | 33 width: 16px; |
30 } | 34 } |
31 | 35 |
32 #expand.open { | 36 #expand.open { |
33 transform: rotate(90deg); | 37 transform: rotate(90deg); |
34 } | 38 } |
OLD | NEW |