Chromium Code Reviews Chromium Code Reviews
Issue 2252913002:
DevTools: Box-shadow editor initial implementation (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@shadowIcon| OLD | NEW |
|---|---|
| (Empty) | |
| 1 /* | |
| 2 * Copyright 2016 The Chromium Authors. All rights reserved. | |
| 3 * Use of this source code is governed by a BSD-style license that can be | |
| 4 * found in the LICENSE file. | |
| 5 */ | |
| 6 :host { | |
| 7 padding: 8px; | |
| 8 } | |
| 9 | |
| 10 .shadow-editor-field { | |
| 11 display: flex; | |
| 12 margin: 5px; | |
| 13 align-items: center; | |
| 14 } | |
| 15 | |
| 16 .shadow-editor-button { | |
| 17 width: 80px; | |
| 18 height: 20px; | |
| 19 line-height: 20px; | |
| 20 border: 1px solid #c3c3c3; | |
| 21 text-align: center; | |
| 22 font-family: Menlo, Consolas, 'dejavu sans mono', monospace; | |
|
dgozman
2016/08/17 17:42:09
Fonts are usually OS-specific? Do we really need a
flandy
2016/08/24 18:10:07
Removed.
| |
| 23 } | |
| 24 | |
| 25 .shadow-editor-button.right { | |
| 26 border-radius: 0 2px 2px 0; | |
| 27 } | |
| 28 | |
| 29 .shadow-editor-button.left { | |
| 30 border-radius: 2px 0 0 2px; | |
| 31 } | |
| 32 | |
| 33 .shadow-editor-button.enabled { | |
| 34 background-color: #3e82f7; | |
| 35 border-color: #3e82f7; | |
| 36 color: white; | |
| 37 } | |
| 38 | |
| 39 .shadow-editor-field label { | |
| 40 flex: 1; | |
| 41 margin-right: 6px; | |
| 42 color: #757575; | |
| 43 text-align: right; | |
| 44 /*line-height: 22px;*/ | |
|
dgozman
2016/08/17 17:42:09
Commented code.
flandy
2016/08/24 18:10:07
Removed.
| |
| 45 } | |
| 46 | |
| 47 .shadow-editor-field input { | |
| 48 width: 50px; | |
| 49 margin-right: 10px; | |
| 50 } | |
| 51 | |
| 52 .shadow-editor-field input[type=text] { | |
| 53 border: 1px solid #DADADA; | |
| 54 padding: 2px 2px; | |
| 55 font-family: Menlo, Consolas, 'dejavu sans mono', monospace; | |
| 56 /*line-height: 16px;*/ | |
|
dgozman
2016/08/17 17:42:09
Commented code.
flandy
2016/08/24 18:10:07
Removed.
| |
| 57 border-radius: 2px; | |
| 58 text-align: right; | |
| 59 } | |
| 60 | |
| 61 .shadow-editor-field input[type=text]:focus, | |
| 62 .shadow-editor-field input[type=text].is-highlighted { | |
| 63 border-color: #3e82f7; | |
| 64 outline: 0; | |
| 65 } | |
| 66 | |
| 67 .shadow-editor-slider { | |
| 68 padding: 8px 0; | |
| 69 } | |
| 70 | |
| 71 .shadow-editor-slider-track { | |
| 72 background: #c3c3c3; | |
| 73 width: 100px; | |
| 74 height: 2px; | |
| 75 border-radius: 2px; | |
| 76 } | |
| 77 | |
| 78 .shadow-editor-slider-thumb { | |
| 79 position: relative; | |
| 80 top: -5px; | |
| 81 left: -5px; | |
| 82 cursor: pointer; | |
| 83 width: 10px; | |
| 84 height: 10px; | |
| 85 border-radius: 50%; | |
| 86 background-color: #3e82f7; | |
| 87 } | |
| OLD | NEW |
