1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. 2 * Use of this source code is governed by a BSD-style license that can be 3 * found in the LICENSE file. 4 */ 5 6 picture-debugger { 7 -webkit-flex: 1 1 auto; 8 -webkit-flex-direction: row; 9 display: -webkit-flex; 10 } 11 12 picture-debugger > x-generic-object-view { 13 -webkit-flex-direction: column; 14 display: -webkit-flex; 15 width: 400px; 16 } 17 18 picture-debugger > left-panel { 19 -webkit-flex-direction: column; 20 display: -webkit-flex; 21 } 22 23 picture-debugger > left-panel > picture-info { 24 -webkit-flex: 0 0 auto; 25 padding-top: 2px; 26 } 27 28 picture-debugger > left-panel > picture-info > .title { 29 font-weight: bold; 30 margin-left: 5px; 31 margin-right: 5px; 32 } 33 34 picture-debugger > x-drag-handle { 35 -webkit-flex: 0 0 auto; 36 } 37 38 picture-debugger .filename { 39 -webkit-user-select: text; 40 margin-left: 5px; 41 } 42 43 picture-debugger > raster-area { 44 -webkit-flex: 1 0 auto; 45 } 46 47 /******************************************************************************/ 48 49 raster-area { 50 -webkit-flex-direction: column; 51 background-color: #ddd; 52 background-position: center; 53 background-repeat: no-repeat; 54 background-size: contain; 55 display: -webkit-flex; 56 min-height: 200px; 57 min-width: 200px; 58 }