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

Side by Side Diff: chrome/browser/resources/shared/css/tree.css

Issue 10837190: Standardize size of WebUI controls for touch and non-touch. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Convert <span> to <p>. Created 8 years, 4 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
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 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 5
6 tree { 6 tree {
7 display: block; 7 display: block;
8 outline: none; 8 outline: none;
9 overflow: auto; 9 overflow: auto;
10 } 10 }
11 11
12 .tree-item > .tree-row { 12 .tree-item > .tree-row {
13 -webkit-user-select: none; 13 -webkit-user-select: none;
14 background-color: rgba(255, 255, 255, 0); 14 background-color: rgba(255, 255, 255, 0);
15 border: 1px solid rgba(255, 255, 255, 0); /* transparent white */ 15 border: 1px solid rgba(255, 255, 255, 0); /* transparent white */
16 border-radius: 2px; 16 border-radius: 2px;
17 color: black; 17 color: black;
18 cursor: default; 18 cursor: default;
19 line-height: 20px; 19 line-height: 28px;
20 padding: 0 3px; 20 padding: 0 3px;
21 position: relative; 21 position: relative;
22 white-space: nowrap; 22 white-space: nowrap;
23 } 23 }
24 24
25 @media (pointer:coarse) {
26 .tree-item > .tree-row {
27 line-height: 40px;
28 }
29 }
30
31 .expand-icon { 25 .expand-icon {
32 -webkit-transform: rotate(-90deg); 26 -webkit-transform: rotate(-90deg);
33 -webkit-transition: all 150ms; 27 -webkit-transition: all 150ms;
34 background-image: -webkit-canvas(tree-triangle); 28 background-image: -webkit-canvas(tree-triangle);
35 background-position: 50% 50%; 29 background-position: 50% 50%;
36 background-repeat: no-repeat; 30 background-repeat: no-repeat;
37 display: inline-block; 31 display: inline-block;
38 height: 16px; 32 height: 16px;
39 opacity: .6; 33 opacity: .6;
40 position: relative; 34 position: relative;
41 top: 2px; 35 top: 6px;
42 vertical-align: top; 36 vertical-align: top;
43 width: 16px; 37 width: 16px;
44 } 38 }
45 39
46 @media (pointer:coarse) {
47 .expand-icon {
48 vertical-align: text-top;
49 }
50 }
51
52 html[dir=rtl] .expand-icon { 40 html[dir=rtl] .expand-icon {
53 -webkit-transform: rotate(90deg); 41 -webkit-transform: rotate(90deg);
54 } 42 }
55 43
56 .tree-item[expanded] > .tree-row > .expand-icon { 44 .tree-item[expanded] > .tree-row > .expand-icon {
57 -webkit-transform: rotate(0); 45 -webkit-transform: rotate(0);
58 background-image: -webkit-canvas(tree-triangle); 46 background-image: -webkit-canvas(tree-triangle);
59 opacity: .5; 47 opacity: .5;
60 } 48 }
61 49
(...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after
184 <if expr="not is_macosx"> 172 <if expr="not is_macosx">
185 outline: none; 173 outline: none;
186 </if> 174 </if>
187 padding: 1px 7px 1px 1px; 175 padding: 1px 7px 1px 1px;
188 } 176 }
189 177
190 html[dir=rtl] .tree-item[editing] input { 178 html[dir=rtl] .tree-item[editing] input {
191 margin: -2px -3px -2px -8px; 179 margin: -2px -3px -2px -8px;
192 padding: 1px 1px 1px 7px; 180 padding: 1px 1px 1px 7px;
193 } 181 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/shared/css/list.css ('k') | chrome/browser/resources/shared/css/widgets.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698