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

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

Issue 8341081: Add icon-visibility attribute to cr.ui.Tree. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Use simple regex. Created 9 years, 1 month 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 tree { 1 tree {
2 outline: none; 2 outline: none;
3 overflow: auto; 3 overflow: auto;
4 display: block; 4 display: block;
5 } 5 }
6 6
7 .tree-item > .tree-row { 7 .tree-item > .tree-row {
8 color: black; 8 color: black;
9 -webkit-user-select: none; 9 -webkit-user-select: none;
10 border: 1px solid rgba(255,255,255,0); /* transparent white */ 10 border: 1px solid rgba(255,255,255,0); /* transparent white */
(...skipping 82 matching lines...) Expand 10 before | Expand all | Expand 10 after
93 display: none; 93 display: none;
94 } 94 }
95 95
96 .tree-item > .tree-row > * { 96 .tree-item > .tree-row > * {
97 display: inline-block; 97 display: inline-block;
98 box-sizing: border-box; 98 box-sizing: border-box;
99 } 99 }
100 100
101 .tree-label { 101 .tree-label {
102 -webkit-padding-start: 20px; 102 -webkit-padding-start: 20px;
103 background-image: url("../../../../../ui/resources/folder_closed.png");
104 background-position: 0 50%; 103 background-position: 0 50%;
105 background-repeat: no-repeat; 104 background-repeat: no-repeat;
106 white-space: pre; 105 white-space: pre;
107 } 106 }
108 107
108 html[dir=rtl] .tree-label {
109 background-position: 100% 50%;
110 }
111
112 html[dir=rtl] .tree-label,
113 html[dir=rtl] .tree-row[may-have-children] > .tree-label {
114 background-image: url("../../../../../ui/resources/folder_closed_rtl.png");
115 }
116
117 html[dir=rtl] .tree-item[expanded] > .tree-row > .tree-label {
118 background-image: url("../../../../../ui/resources/folder_open_rtl.png");
119 }
120
121 tree[icon-visibility=hidden] .tree-label {
122 -webkit-padding-start: 0;
123 background-image: none !important;
124 }
125
126 tree[icon-visibility=parent] .tree-label,
127 tree[icon-visibility=parent] .tree-row[has-children=false] > .tree-label {
128 background-image: none;
129 }
130
131 .tree-label,
132 .tree-row[may-have-children] > .tree-label {
133 background-image: url("../../../../../ui/resources/folder_closed.png");
134 }
135
136 .tree-item[expanded] > .tree-row > .tree-label {
137 background-image: url("../../../../../ui/resources/folder_open.png");
138 }
139
109 /* We need to ensure that even empty labels take up space */ 140 /* We need to ensure that even empty labels take up space */
110 .tree-label:empty:after { 141 .tree-label:empty:after {
111 content: " "; 142 content: " ";
112 white-space: pre; 143 white-space: pre;
113 } 144 }
114 145
115 .tree-rename > .tree-row > .tree-label { 146 .tree-rename > .tree-row > .tree-label {
116 -webkit-user-select: auto; 147 -webkit-user-select: auto;
117 -webkit-user-modify: read-write-plaintext-only; 148 -webkit-user-modify: read-write-plaintext-only;
118 background: white; 149 background: white;
119 color: black; 150 color: black;
120 outline: 1px solid black; 151 outline: 1px solid black;
121 } 152 }
122 153
123 html[dir=rtl] .tree-label {
124 background-position: 100% 50%;
125 }
126
127 .tree-item[expanded] > .tree-row > .tree-label {
128 background-image: url("../../../../../ui/resources/folder_open.png");
129 }
130
131 html[dir='rtl'] .tree-label {
132 background-image: url("../../../../../ui/resources/folder_closed_rtl.png");
133 }
134
135 html[dir='rtl'] .tree-item[expanded] > .tree-row > .tree-label {
136 background-image: url("../../../../../ui/resources/folder_open_rtl.png");
137 }
138
139 .tree-item[editing] input { 154 .tree-item[editing] input {
140 /* Do not inherit the line-height */ 155 /* Do not inherit the line-height */
141 font-family: inherit; 156 font-family: inherit;
142 font-size: inherit; 157 font-size: inherit;
143 font-weight: inherit; 158 font-weight: inherit;
144 margin: -2px -8px -2px -3px; 159 margin: -2px -8px -2px -3px;
145 padding: 1px 7px 1px 1px; 160 padding: 1px 7px 1px 1px;
146 } 161 }
147 162
148 html:not([os=mac]) .tree-item[editing] input { 163 html:not([os=mac]) .tree-item[editing] input {
149 outline: none; 164 outline: none;
150 } 165 }
151 166
152 html[dir=rtl] .tree-item[editing] input { 167 html[dir=rtl] .tree-item[editing] input {
153 margin: -2px -3px -2px -8px; 168 margin: -2px -3px -2px -8px;
154 padding: 1px 1px 1px 7px; 169 padding: 1px 1px 1px 7px;
155 } 170 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/options/certificate_manager.html ('k') | chrome/browser/resources/shared/js/cr.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698