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

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

Issue 472933004: Change bookmark manager header to look more like settings/extensions/history. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: shave Created 6 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
« no previous file with comments | « no previous file | chrome/browser/resources/bookmark_manager/js/main.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) 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 231 matching lines...) Expand 10 before | Expand all | Expand 10 after
242 -webkit-border-end: 15px solid white; 242 -webkit-border-end: 15px solid white;
243 -webkit-border-start: 0; 243 -webkit-border-start: 0;
244 background-color: rgb(235, 239, 249); 244 background-color: rgb(235, 239, 249);
245 cursor: e-resize; 245 cursor: e-resize;
246 width: 5px; 246 width: 5px;
247 <if expr="is_macosx"> 247 <if expr="is_macosx">
248 cursor: col-resize; 248 cursor: col-resize;
249 </if> 249 </if>
250 } 250 }
251 251
252 .logo { 252 header {
253 -webkit-appearance: none; 253 align-items: center;
254 background: url('../images/bookmarks_section_32.png') no-repeat 50% 50%; 254 display: flex;
255 border: 0; 255 min-width: 400px;
256 cursor: pointer; 256 padding: 0 12px;
257 float: left;
258 height: 32px;
259 margin: 10px;
260 width: 32px;
261 } 257 }
262 258
263 html:not(.focus-outline-visible) .logo:focus { 259 header h2 {
264 outline: none; 260 flex: 1;
261 font-weight: normal;
265 } 262 }
266 263
267 .header form { 264 header form {
268 float: left; 265 flex: none;
269 margin: 14px 2px 0 2px;
270 width: 171px;
271 }
272
273 .header {
274 min-width: 400px;
275 }
276
277 html[dir=rtl] .logo,
278 html[dir=rtl] .header > div,
279 html[dir=rtl] .header form {
280 float: right;
281 } 266 }
282 267
283 .tree-row.drag-on, 268 .tree-row.drag-on,
284 .drag-on { 269 .drag-on {
285 background-color: hsla(214, 91%, 85%, .5); 270 background-color: hsla(214, 91%, 85%, .5);
286 border: 1px solid hsl(214, 91%, 85%); 271 border: 1px solid hsl(214, 91%, 85%);
287 border-radius: 3px; 272 border-radius: 3px;
288 box-sizing: border-box; 273 box-sizing: border-box;
289 } 274 }
290 275
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
332 } 317 }
333 318
334 .summary > * { 319 .summary > * {
335 display: inline-block; 320 display: inline-block;
336 font-size: 100%; 321 font-size: 100%;
337 margin: 0; 322 margin: 0;
338 } 323 }
339 324
340 .summary button { 325 .summary button {
341 -webkit-appearance: none; 326 -webkit-appearance: none;
342 -webkit-margin-start: 10px; 327 -webkit-margin-start: 16px;
343 -webkit-padding-end: 11px; 328 -webkit-padding-end: 11px;
344 -webkit-padding-start: 0; 329 -webkit-padding-start: 0;
345 background: transparent -webkit-canvas(drop-down-arrow) 330 background: transparent -webkit-canvas(drop-down-arrow)
346 no-repeat right center; 331 no-repeat right center;
347 border: 0; 332 border: 0;
348 font: inherit; 333 font: inherit;
334 font-weight: bold;
349 padding-bottom: 0; 335 padding-bottom: 0;
350 padding-top: 0; 336 padding-top: 0;
351 } 337 }
352 338
353 html[dir=rtl] .summary button { 339 html[dir=rtl] .summary button {
354 background-position: left center; 340 background-position: left center;
355 } 341 }
356 342
357 @media (pointer:coarse) { 343 @media (pointer:coarse) {
358 list > *, 344 list > *,
359 menu > button, 345 menu > button,
360 .tree-item > .tree-row { 346 .tree-item > .tree-row {
361 line-height: 28px; 347 line-height: 28px;
362 } 348 }
363 349
364 list [editing] input, 350 list [editing] input,
365 .tree-item [editing] input { 351 .tree-item [editing] input {
366 padding: 3px 0; 352 padding: 3px 0;
367 } 353 }
368 354
369 .tree-row .expand-icon { 355 .tree-row .expand-icon {
370 top: 6px; 356 top: 6px;
371 } 357 }
372 } 358 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/bookmark_manager/js/main.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698