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

Side by Side Diff: Source/devtools/front_end/sourcesPanel.css

Issue 210243005: DevTools: polish Mac UI (borders, alignment, line heights, images). (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 9 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 | « Source/devtools/front_end/sidebarPane.css ('k') | Source/devtools/front_end/splitView.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
4 * 4 *
5 * Redistribution and use in source and binary forms, with or without 5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions 6 * modification, are permitted provided that the following conditions
7 * are met: 7 * are met:
8 * 8 *
9 * 1. Redistributions of source code must retain the above copyright 9 * 1. Redistributions of source code must retain the above copyright
10 * notice, this list of conditions and the following disclaimer. 10 * notice, this list of conditions and the following disclaimer.
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after
63 overflow: hidden; 63 overflow: hidden;
64 } 64 }
65 65
66 .scripts-debug-toolbar-drawer.expanded { 66 .scripts-debug-toolbar-drawer.expanded {
67 margin-top: 0; 67 margin-top: 0;
68 } 68 }
69 69
70 .scripts-debug-toolbar-drawer > label { 70 .scripts-debug-toolbar-drawer > label {
71 display: flex; 71 display: flex;
72 padding-left: 3px; 72 padding-left: 3px;
73 border-top: 1px solid rgb(196,196,196);
73 } 74 }
74 75
75 #scripts-editor-toolbar { 76 #scripts-editor-toolbar {
76 position: relative; 77 position: relative;
77 margin-top: -1px; 78 margin-top: -1px;
78 height: 24px; 79 height: 24px;
79 } 80 }
80 81
81 .scripts-run-snippet .glyph { 82 .scripts-run-snippet .glyph {
82 -webkit-mask-position: -64px -48px; 83 -webkit-mask-position: -64px -48px;
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
133 margin-right: 36px; 134 margin-right: 36px;
134 } 135 }
135 136
136 .panel.sources .split-view button.scripts-debugger-show-hide-button.right-sideba r-show-hide-button.toggled-hide { 137 .panel.sources .split-view button.scripts-debugger-show-hide-button.right-sideba r-show-hide-button.toggled-hide {
137 margin-right: 15px; 138 margin-right: 15px;
138 } 139 }
139 140
140 .panel.sources .split-view #scripts-debug-sidebar-resizer-widget.ns-resizer-widg et { 141 .panel.sources .split-view #scripts-debug-sidebar-resizer-widget.ns-resizer-widg et {
141 -webkit-transform: rotate(90deg); 142 -webkit-transform: rotate(90deg);
142 right: 17px; 143 right: 17px;
143 bottom: 0; 144 bottom: 1px;
144 top: auto; 145 top: auto;
146 height: 16px;
147 width: 24px;
145 } 148 }
146 149
147 .panel.sources .split-view.hbox #scripts-debug-sidebar-resizer-widget { 150 .panel.sources .split-view.hbox #scripts-debug-sidebar-resizer-widget {
148 bottom: 0; 151 bottom: 0;
149 } 152 }
150 153
151 .panel.sources .scripts-debugger-show-hide-button { 154 .panel.sources .scripts-debugger-show-hide-button {
152 display: block; 155 display: block;
153 } 156 }
154 157
155 .panel.sources button.status-bar-item.scripts-navigator-show-hide-button { 158 .panel.sources button.status-bar-item.scripts-navigator-show-hide-button {
156 display: block; 159 display: block;
160 left: 4px;
157 } 161 }
158 162
159 .panel.sources .navigator-tabbed-pane .tabbed-pane-header { 163 .panel.sources .navigator-tabbed-pane .tabbed-pane-header {
160 background-color: rgb(236, 236, 236); 164 background-color: rgb(236, 236, 236);
161 } 165 }
162 166
163 .function-location-link { 167 .function-location-link {
164 float: right; 168 float: right;
165 margin-left: 10px; 169 margin-left: 10px;
166 } 170 }
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after
210 .panel.sources .drag-mask-inner { 214 .panel.sources .drag-mask-inner {
211 font-size: 30px; 215 font-size: 30px;
212 color: #999; 216 color: #999;
213 display: flex; 217 display: flex;
214 justify-content: center; 218 justify-content: center;
215 align-items: center; 219 align-items: center;
216 margin: 20px; 220 margin: 20px;
217 border: 4px dashed #ddd; 221 border: 4px dashed #ddd;
218 pointer-events: none; 222 pointer-events: none;
219 } 223 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/sidebarPane.css ('k') | Source/devtools/front_end/splitView.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698