OLD | NEW |
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 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 * This is the stylesheet used by the network drop-down control. | 5 * This is the stylesheet used by the network drop-down control. |
6 */ | 6 */ |
7 | 7 |
8 .dropdown-title { | 8 .dropdown-title { |
9 -webkit-border-radius: 2px; | 9 -webkit-border-radius: 2px; |
10 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | 10 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); |
(...skipping 24 matching lines...) Expand all Loading... |
35 .dropdown-title:hover { | 35 .dropdown-title:hover { |
36 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); | 36 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); |
37 background-image: url('../../shared/images/select.png'), | 37 background-image: url('../../shared/images/select.png'), |
38 -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9); | 38 -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9); |
39 color: #333; | 39 color: #333; |
40 background-position: center right; | 40 background-position: center right; |
41 background-repeat: no-repeat; | 41 background-repeat: no-repeat; |
42 } | 42 } |
43 | 43 |
44 .dropdown-title img { | 44 .dropdown-title img { |
45 maring-top: -1px; | 45 margin-top: -1px; |
46 } | 46 } |
47 | 47 |
48 .dropdown-title div { | 48 .dropdown-title div { |
| 49 -webkit-box-flex: 1; |
49 margin-top: 1px; | 50 margin-top: 1px; |
| 51 overflow: hidden; |
| 52 text-overflow: ellipsis; |
50 } | 53 } |
51 | 54 |
52 .dropdown-container { | 55 .dropdown-container { |
53 background: #f7f7f7; | 56 background: #f7f7f7; |
54 border: 1px solid #7c91bf; | 57 border: 1px solid #7c91bf; |
| 58 max-height: 330px; |
| 59 overflow-x: hidden; |
| 60 overflow-y: auto; |
55 padding-bottom: 2px; | 61 padding-bottom: 2px; |
56 padding-top: 2px; | 62 padding-top: 2px; |
57 position: relative; | 63 position: relative; |
58 top: 100%; | 64 top: 100%; |
59 width: 248px; | |
60 z-index: 10; | 65 z-index: 10; |
61 } | 66 } |
62 | 67 |
63 .dropdown-item-container { | 68 .dropdown-item-container { |
64 -webkitpadding-start: 5px; | 69 -webkit-padding-start: 5px; |
65 display: -webkit-box; | 70 display: -webkit-box; |
66 height: 24px; | 71 height: 24px; |
67 } | 72 } |
68 | 73 |
69 .dropdown-item-container.hover { | 74 .dropdown-item-container.hover { |
70 background: #dce4fa; | 75 background: #dce4fa; |
71 } | 76 } |
72 | 77 |
73 .dropdown-image { | |
74 width: 24px; | |
75 } | |
76 | |
77 .dropdown-item { | 78 .dropdown-item { |
| 79 -webkit-box-flex: 1; |
78 cursor: default; | 80 cursor: default; |
79 color: #555; | 81 color: #555; |
80 overflow: hidden; | 82 overflow: hidden; |
81 padding-top: 4px; | 83 padding-top: 4px; |
82 text-overflow: ellipsis; | 84 text-overflow: ellipsis; |
83 white-space: nowrap; | 85 white-space: nowrap; |
84 width: 219px; | |
85 } | 86 } |
86 | 87 |
87 .dropdown-divider { | 88 .dropdown-divider { |
88 height: 3px; | 89 height: 3px; |
89 } | 90 } |
90 | 91 |
91 .dropdown-divider hr { | 92 .dropdown-divider hr { |
92 -webkit-margin-before: 2px; | 93 -webkit-margin-before: 2px; |
93 -webkit-margin-after: 2px; | 94 -webkit-margin-after: 2px; |
94 } | 95 } |
95 | 96 |
96 .dropdown-item.disabled-item { | 97 .dropdown-item.disabled-item { |
97 color: graytext; | 98 color: graytext; |
98 } | 99 } |
99 | 100 |
100 .dropdown-overlay { | 101 .dropdown-overlay { |
101 bottom: 0; | 102 bottom: 0; |
102 left: 0; | 103 left: 0; |
103 position: fixed; | 104 position: fixed; |
104 right: 0; | 105 right: 0; |
105 top: 0; | 106 top: 0; |
106 z-index: 5; | 107 z-index: 5; |
107 } | 108 } |
108 | 109 |
OLD | NEW |