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

Side by Side Diff: chrome/browser/resources/chromeos/login/network_dropdown.css

Issue 7982002: [cros,webui] Adds scrollbar for the network drop-down controller. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: nits Created 9 years, 3 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 | Annotate | Revision Log
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/network_dropdown.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/network_dropdown.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698