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

Side by Side Diff: resources/bookmark_manager/css/tree.css

Issue 853002: Updating the Chromium reference build for Windows. The continuous... (Closed) Base URL: svn://chrome-svn/chrome/trunk/deps/reference_builds/chrome/
Patch Set: Added the symbol files back. Created 10 years, 9 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 | « resources/bookmark_manager/css/menu.css ('k') | resources/bookmark_manager/css/tree.css.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 tree {
2 outline: none;
3 overflow: auto;
4 display: block;
5 }
6
7 .tree-item > .tree-row {
8 color: black;
9 -webkit-user-select: none;
10 border: 1px solid rgba(255,255,255,0); /* transparent white */
11 background-color: rgba(255,255,255,0);
12 -webkit-border-radius: 2px;
13 padding: 0px 3px;
14 line-height: 20px;
15 white-space: nowrap;
16 cursor: default;
17 position: relative;
18 }
19
20 .expand-icon {
21 width: 11px;
22 height: 16px;
23 display: inline-block;
24 vertical-align: top;
25 position: relative;
26 top: 2px;
27 background-image: -webkit-canvas(triangle-empty);
28 background-position: 50% 50%;
29 background-repeat: no-repeat;
30 -webkit-transition: all .15s, opacity 1.5s;
31 opacity: 0;
32 }
33
34 html[dir=rtl] .expand-icon {
35 -webkit-transform: scale(-1, 1);
36 }
37
38 tree:hover .expand-icon,
39 tree:focus .expand-icon {
40 opacity: 1;
41 -webkit-transition: all .15s, opacity .5s;
42 }
43
44 .tree-item[expanded] > .tree-row > .expand-icon {
45 background-image: -webkit-canvas(triangle-filled);
46 -webkit-transform: translate(0, 3px) rotate(45deg);
47 }
48
49 html[dir=rtl] .tree-item[expanded] > .tree-row > .expand-icon {
50 -webkit-transform: scale(-1, 1) translate(0, 3px) rotate(45deg); /* flip */
51 }
52
53 .tree-item > .tree-row > .expand-icon:hover {
54 background-image: -webkit-canvas(triangle-hover);
55 }
56
57 .tree-row .expand-icon {
58 visibility: hidden;
59 }
60
61 .tree-row[may-have-children] .expand-icon {
62 visibility: visible;
63 }
64
65 .tree-row[has-children=false] .expand-icon {
66 visibility: hidden;
67 }
68
69 .tree-item > .tree-row:hover {
70 border-color: hsl(214, 91%, 85%);
71 z-index: 1;
72 background-color: hsl(214, 91%, 97%);
73 }
74
75 /*
76 WebKit has a bug with attribute selectors so we apply selected to the tree row
77 as well.
78
79 https://bugs.webkit.org/show_bug.cgi?id=12519
80
81 */
82 .tree-row[selected]:hover,
83 .tree-row[selected] {
84 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(25 5,255,255,0.8)), to(rgba(255,255,255,0)));
85 }
86
87 .tree-row[selected] {
88 border-color: hsl(0,0%,85%);
89 background-color: hsl(0, 0%, 90%);
90 z-index: 2;
91 }
92
93 :focus .tree-row[selected] {
94 background-color: hsl(214, 91%, 89%);
95 border-color: #7da2ce;
96 }
97
98 .tree-children[expanded] {
99 display: block;
100 }
101
102 .tree-children {
103 display: none;
104 }
105
106 .tree-item > .tree-row > * {
107 display: inline-block;
108 -webkit-box-sizing: border-box;
109 }
110
111 .tree-label {
112 -webkit-padding-start: 20px;
113 background-repeat: no-repeat;
114 background-position: 0 50%;
115 background-image: url("../images/folder_closed.png");
116 }
117
118 /* We need to ensure that even empty labels take up space */
119 .tree-label:empty:after {
120 content: " ";
121 white-space: pre;
122 }
123
124 .tree-rename > .tree-row > .tree-label {
125 -webkit-user-select: auto;
126 -webkit-user-modify: read-write-plaintext-only;
127 background: white;
128 color: black;
129 outline: 1px solid black;
130 }
131
132 html[dir=rtl] .tree-label {
133 background-position: 100% 50%;
134 }
135
136 .tree-row[selected] > .tree-label {
137 background-image: url("../images/folder_open.png");
138 }
139
140 html[dir='rtl'] .tree-label {
141 background-image: url("../images/folder_closed_rtl.png");
142 }
143
144 html[dir='rtl'] .tree-row[selected] > .tree-label {
145 background-image: url("../images/folder_open_rtl.png");
146 }
147
148 .tree-item[editing] input {
149 /* Do not inherit the line-height */
150 font-family: inherit;
151 font-size: inherit;
152 font-weight: inherit;
153 border: 1px solid black;
154 color: black;
155 background: white;
156 margin: -2px -8px -2px -3px;
157 padding: 1px 7px 1px 1px;
158 outline: none;
159 }
160
161 html[dir=rtl] .tree-item[editing] input {
162 margin: -2px -3px -2px -8px;
163 padding: 1px 1px 1px 7px;
164 }
OLDNEW
« no previous file with comments | « resources/bookmark_manager/css/menu.css ('k') | resources/bookmark_manager/css/tree.css.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698