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

Side by Side Diff: chrome/browser/resources/bookmark_manager/css/bmm.css

Issue 13606002: Making touch target wider (35px) for the splitter in bookmark manager (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 7 years, 8 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
« no previous file with comments | « no previous file | no next file » | 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) 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 html, 5 html,
6 body { 6 body {
7 cursor: default; 7 cursor: default;
8 height: 100%; 8 height: 100%;
9 margin: 0; 9 margin: 0;
10 overflow: hidden; 10 overflow: hidden;
(...skipping 192 matching lines...) Expand 10 before | Expand all | Expand 10 after
203 203
204 .main { 204 .main {
205 -webkit-flex: 1; 205 -webkit-flex: 1;
206 display: -webkit-flex; 206 display: -webkit-flex;
207 /* TODO(arv): Remove min-height once bug is fixed: 207 /* TODO(arv): Remove min-height once bug is fixed:
208 * https://bugs.webkit.org/show_bug.cgi?id=111790 */ 208 * https://bugs.webkit.org/show_bug.cgi?id=111790 */
209 min-height: 0; 209 min-height: 0;
210 } 210 }
211 211
212 #tree-container { 212 #tree-container {
213 -webkit-padding-end: 5px; 213 -webkit-padding-start: 15px;
214 -webkit-padding-start: 10px;
215 box-sizing: border-box; 214 box-sizing: border-box;
216 /* min-width and max-width are used by the split pane. */ 215 /* min-width and max-width are used by the split pane. */
217 max-width: 50%; 216 max-width: 50%;
218 min-width: 50px; 217 min-width: 50px;
219 overflow: auto; 218 overflow: auto;
220 padding-bottom: 5px; 219 padding-bottom: 5px;
221 padding-top: 5px; 220 padding-top: 5px;
222 width: 200px; 221 width: 200px;
223 } 222 }
224 223
225 #tree { 224 #tree {
226 display: inline-block; 225 display: inline-block;
227 min-width: 100%; 226 min-width: 100%;
228 overflow: visible; /* let the container do the scrolling */ 227 overflow: visible; /* let the container do the scrolling */
229 } 228 }
230 229
231 .tree-item > .tree-row { 230 .tree-item > .tree-row {
232 line-height: 20px; 231 line-height: 20px;
233 } 232 }
234 233
235 .tree-row .expand-icon { 234 .tree-row .expand-icon {
236 top: 2px; 235 top: 2px;
237 } 236 }
238 237
239 #list { 238 #list {
240 -webkit-flex: 1; 239 -webkit-flex: 1;
240 -webkit-padding-end: 5px;
241 box-sizing: border-box; 241 box-sizing: border-box;
242 /* TODO(arv): Remove min-width once bug is fixed: 242 /* TODO(arv): Remove min-width once bug is fixed:
243 * https://bugs.webkit.org/show_bug.cgi?id=111790 */ 243 * https://bugs.webkit.org/show_bug.cgi?id=111790 */
244 min-width: 0; 244 min-width: 0;
245 padding: 5px; 245 padding-bottom: 5px;
246 padding-top: 5px;
246 } 247 }
247 248
248 .splitter { 249 .splitter {
249 background-color: rgb(235, 239, 249); 250 background-color: rgb(235, 239, 249);
251 border-left: 15px solid white;
Evan Stade 2013/04/04 02:37:57 why white and not transparent?
252 border-right: 15px solid white;
250 cursor: e-resize; 253 cursor: e-resize;
251 width: 5px; 254 width: 5px;
252 <if expr="is_macosx"> 255 <if expr="is_macosx">
253 cursor: col-resize; 256 cursor: col-resize;
254 </if> 257 </if>
255 } 258 }
256 259
257 .logo { 260 .logo {
258 -webkit-appearance: none; 261 -webkit-appearance: none;
259 background: url('../images/bookmarks_section_32.png') no-repeat 50% 50%; 262 background: url('../images/bookmarks_section_32.png') no-repeat 50% 50%;
(...skipping 104 matching lines...) Expand 10 before | Expand all | Expand 10 after
364 367
365 list [editing] input, 368 list [editing] input,
366 .tree-item [editing] input { 369 .tree-item [editing] input {
367 padding: 3px 0; 370 padding: 3px 0;
368 } 371 }
369 372
370 .tree-row .expand-icon { 373 .tree-row .expand-icon {
371 top: 6px; 374 top: 6px;
372 } 375 }
373 } 376 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698