Changeset 147275 in webkit
- Timestamp:
- Mar 30, 2013 1:24:38 AM (11 years ago)
- Location:
- trunk/Source
- Files:
-
- 14 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/Source/WebCore/ChangeLog
r147267 r147275 1 2013-03-30 Alexei Filippov <alph@chromium.org> 2 3 Web Inspector: Fonts refactoring 4 https://bugs.webkit.org/show_bug.cgi?id=113047 5 6 Reviewed by Pavel Feldman. 7 8 Unify fonts usage across inspector. 9 Make inspector default font depend on platform. 10 11 * inspector/front-end/breakpointsList.css: 12 * inspector/front-end/dataGrid.css: 13 (.data-grid): 14 (.data-grid table): 15 (.data-grid td): 16 (.data-grid th.sort-ascending > div::after): 17 (.data-grid th.sort-descending > div::after): 18 (.data-grid button): 19 * inspector/front-end/heapProfiler.css: 20 (.heap-snapshot-view .class-view-toolbar input.class-name-filter): 21 (.heap-snapshot-view .retainers-view-header): 22 * inspector/front-end/inspector.css: 23 (.toolbar-item): 24 (.toolbar-label): 25 (.console-message .bubble): 26 (.outline-disclosure > ol): 27 (.source-code): 28 (.scope-bar li): 29 (.sidebar-tree, .sidebar-tree .children): 30 (.sidebar-tree-section): 31 (li .status .bubble): 32 (.sidebar-tree-item.selected): 33 (.sidebar-tree-item .titles): 34 (.sidebar-tree-item .subtitle): 35 (.sidebar-tree-item.selected .subtitle): 36 (.source-frame-breakpoint-message): 37 (.soft-context-menu): 38 * inspector/front-end/inspectorCommon.css: 39 (body): 40 (.resources-divider-label): 41 * inspector/front-end/navigatorView.css: 42 (.navigator li): 43 (.navigator li.selected .selection): 44 (.navigator .base-navigator-tree-element-title): 45 * inspector/front-end/networkLogView.css: 46 (.network-log-grid.data-grid td): 47 (.network-log-grid.data-grid.small td): 48 (.network-log-grid.data-grid th): 49 (.network-log-grid.data-grid select): 50 (.network-graph-label): 51 (.network-timeline-grid .resources-divider-label): 52 (.network-log-grid.data-grid .network-summary-bar td): 53 * inspector/front-end/resourcesPanel.css: 54 (.resources.panel .sidebar li): 55 (.resources.panel .sidebar li.selected): 56 (.resources.panel .sidebar li.selected .selection): 57 * inspector/front-end/sidebarPane.css: 58 (.sidebar-pane > .body .info): 59 (.sidebar-pane-title): 60 (.sidebar-pane-toolbar): 61 (.sidebar-pane-subtitle): 62 * inspector/front-end/tabbedPane.css: 63 (.tabbed-pane-header-tab): 64 (.tabbed-pane-header-tab-close-button): 65 (select.tabbed-pane-header-tabs-drop-down-select): 66 * inspector/front-end/timelinePanel.css: 67 (.memory-counter-value): 68 1 69 2013-03-29 Sheriff Bot <webkit.review.bot@gmail.com> 2 70 -
trunk/Source/WebCore/inspector/front-end/breakpointsList.css
r144927 r147275 97 97 98 98 .event-listener-breakpoints .event-category { 99 font-size: 11px;100 font-weight: bold;101 color: rgb(96, 96, 96);102 99 padding-top: 2px; 103 100 } … … 109 106 110 107 .event-listener-breakpoints .checkbox-elem { 111 font-size: 10px;112 108 float: left; 113 109 top: -2px; -
trunk/Source/WebCore/inspector/front-end/dataGrid.css
r146871 r147275 2 2 position: relative; 3 3 border: 1px solid #aaa; 4 font-size: 11px; 4 5 } 5 6 … … 17 18 border-collapse: collapse; 18 19 width: 100%; 19 font-size: 11px;20 font-family: Lucida Grande, sans-serif;21 20 } 22 21 … … 103 102 vertical-align: top; 104 103 height: 16px; /* Keep in sync with .data-grid table.data @ -webkit-background-size */ 105 line-height: 1 2px;106 padding: 2px 4px;104 line-height: 13px; 105 padding: 1px 4px; 107 106 white-space: nowrap; 108 107 overflow: hidden; … … 149 148 .data-grid th.sort-ascending > div::after { 150 149 position: absolute; 151 top: 0;152 bottom: 0;153 150 right: 0; 154 151 height: 12px; … … 161 158 .data-grid th.sort-descending > div::after { 162 159 position: absolute; 163 top: 0;164 bottom: 0;165 160 right: 0; 166 161 height: 8px; … … 173 168 .data-grid button { 174 169 line-height: 18px; 170 color: inherit; 175 171 } 176 172 -
trunk/Source/WebCore/inspector/front-end/heapProfiler.css
r147103 r147275 215 215 height: 18px; 216 216 font-size: 11px; 217 font-family: inherit; 217 218 padding: 2px; 218 219 margin: 2px 10px; … … 228 229 cursor: row-resize; 229 230 height: 23px; 230 font: -webkit-small-control;231 font-weight: bold;232 color: rgb(48, 48, 48);233 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;234 231 display: block; 235 232 position: absolute; -
trunk/Source/WebCore/inspector/front-end/inspector.css
r147221 r147275 101 101 border-style: none; 102 102 border-color: transparent; 103 color: inherit; 104 font-family: inherit; 105 font-size: inherit; 103 106 } 104 107 … … 164 167 165 168 .toolbar-label { 166 line-height: 22px; 167 font-size: 11px; 168 font-family: Lucida Grande, sans-serif; 169 line-height: 23px; 169 170 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; 170 171 } … … 173 174 line-height: 15px; 174 175 } 176 175 177 .toolbar-item.toggleable:active .toolbar-label { 176 178 text-shadow: none; … … 759 761 .status-bar select.status-bar-item:active, 760 762 .status-bar button.status-bar-item:active { 761 background-color: rgb(163,163,163);762 763 border-left: 1px solid rgb(120, 120, 120); 763 764 border-right: 1px solid rgb(120, 120, 120); … … 1047 1048 font-size: 11px; 1048 1049 line-height: normal; 1049 font-family: Helvetica, Arial, sans-serif;1050 1050 font-weight: bold; 1051 1051 text-shadow: none; … … 1394 1394 } 1395 1395 1396 .outline-disclosure {1397 font-size: 11px;1398 }1399 1400 1396 .outline-disclosure > ol { 1401 1397 position: relative; 1402 1398 padding: 2px 6px !important; 1403 1399 margin: 0; 1404 color: black;1405 1400 cursor: default; 1406 1401 min-width: 100%; … … 1415 1410 .source-code { 1416 1411 font-family: monospace; 1417 font-size: 1 0px !important;1412 font-size: 11px !important; 1418 1413 white-space: pre-wrap; 1419 1414 } … … 1455 1450 1456 1451 .outline-disclosure li.parent::before { 1457 content: url(Images/treeRightTriangleBlack.png);1458 1452 float: left; 1459 1453 width: 8px; … … 1898 1892 margin: 0 2px; 1899 1893 padding: 2px 6px; 1900 font-size: 11px;1901 1894 line-height: 12px; 1902 1895 font-weight: bold; … … 1980 1973 margin: 0; 1981 1974 list-style: none; 1982 font-size: 11px;1983 1975 } 1984 1976 … … 1990 1982 margin-top: 1px; 1991 1983 color: rgb(92, 110, 129); 1992 font-weight: bold;1993 1984 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; 1994 1985 } … … 2122 2113 font-size: 11px; 2123 2114 line-height: normal; 2124 font-family: Helvetica, Arial, sans-serif;2125 2115 font-weight: bold; 2126 2116 text-shadow: none; … … 2163 2153 border-top: 1px solid rgb(145, 160, 192); 2164 2154 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177))); 2165 text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0; 2166 font-weight: bold; 2155 text-shadow: rgba(0, 0, 0, 0.33) 1px 1px 0; 2167 2156 -webkit-background-origin: padding; 2168 2157 -webkit-background-clip: padding; … … 2182 2171 position: relative; 2183 2172 top: 5px; 2184 line-height: 1 1px;2173 line-height: 12px; 2185 2174 padding-bottom: 1px; 2186 2175 text-overflow: ellipsis; … … 2204 2193 2205 2194 .sidebar-tree-item .subtitle { 2206 font-size: 9px; 2207 color: rgba(0, 0, 0, 0.7); 2195 font-size: 80%; 2208 2196 } 2209 2197 … … 2213 2201 2214 2202 .sidebar-tree-item.selected .subtitle { 2215 color: rgba(255, 255, 255, 0.9);2203 color: white; 2216 2204 } 2217 2205 … … 2305 2293 .source-frame-breakpoint-message { 2306 2294 background-color: transparent; 2307 font-family: Lucida Grande, sans-serif;2308 2295 font-weight: normal; 2309 2296 font-size: 11px; … … 2410 2397 .soft-context-menu { 2411 2398 position: absolute; 2412 font-family: 'Lucida Grande', 'Helvetica', 'sans-serif';2413 2399 border: 1px solid rgba(196, 196, 196, 0.9); 2414 2400 border-top: 1px solid rgba(196, 196, 196, 0.5); … … 2516 2502 2517 2503 .drawer-header-close-button { 2518 font-family: Arial, monospace;2519 2504 padding: 3px 8px; 2520 2505 font-size: 14px; -
trunk/Source/WebCore/inspector/front-end/inspectorCommon.css
r146969 r147275 12 12 overflow: hidden; 13 13 font-family: Lucida Grande, sans-serif; 14 font-size: 1 0px;14 font-size: 11px; 15 15 margin: 0; 16 16 tab-size: 4; … … 123 123 top: 4px; 124 124 right: 3px; 125 font-size: 9px; 126 color: rgb(50%, 50%, 50%); 125 font-size: 80%; 127 126 white-space: nowrap; 128 127 pointer-events: none; -
trunk/Source/WebCore/inspector/front-end/navigatorView.css
r144467 r147275 59 59 60 60 .navigator li { 61 height: 17px; 61 height: 18px; 62 line-height: 17px; 62 63 white-space: nowrap; 63 64 } … … 68 69 69 70 .navigator li.selected .selection { 70 height: 1 7px;71 height: 18px; 71 72 background-color: rgb(180, 180, 180); 72 73 } … … 99 100 position: relative; 100 101 padding-left: 2px; 101 top: 1px;102 102 } 103 103 -
trunk/Source/WebCore/inspector/front-end/networkLogView.css
r146871 r147275 19 19 .network-log-grid.data-grid td { 20 20 line-height: 17px; 21 height: 37px;21 height: 41px; 22 22 border-right: 1px solid rgb(210, 210, 210); 23 23 vertical-align: middle; … … 25 25 26 26 .network-log-grid.data-grid.small td { 27 height: 17px;27 height: 21px; 28 28 } 29 29 … … 31 31 border-bottom: 1px solid rgb(64%, 64%, 64%); 32 32 height: 30px; 33 font-weight: bold;34 33 } 35 34 … … 55 54 border: none; 56 55 width: 100%; 57 font-weight: bold; 56 font-size: inherit; 57 color: inherit; 58 58 } 59 59 … … 75 75 76 76 .network-log-grid.data-grid tr:not(.filler) td.name-column { 77 font-weight: bold;78 77 cursor: pointer; 79 78 } … … 241 240 height: 13px; 242 241 line-height: 13px; 243 font-size: 9 px;242 font-size: 90%; 244 243 color: rgba(0, 0, 0, 0.75); 245 244 text-shadow: rgba(255, 255, 255, 0.25) 1px 0 0, rgba(255, 255, 255, 0.25) -1px 0 0, rgba(255, 255, 255, 0.333) 0 1px 0, rgba(255, 255, 255, 0.25) 0 -1px 0; … … 247 246 overflow: hidden; 248 247 text-align: center; 249 font-weight: bold;250 248 opacity: 0; 251 249 -webkit-transition: opacity 250ms ease-in-out; … … 443 441 .network-timeline-grid .resources-divider-label { 444 442 top: 0; 445 margin-top: -4px; 446 color: black; 443 margin-top: -5px; 447 444 } 448 445 … … 487 484 height: 20px !important; 488 485 border: none; 489 font- weight: bold;486 font-size: 110%; 490 487 padding: 0 0 0 8px; 491 488 white-space: pre; -
trunk/Source/WebCore/inspector/front-end/resourcesPanel.css
r145168 r147275 38 38 39 39 .resources.panel .sidebar li { 40 height: 1 7px;40 height: 18px; 41 41 white-space: nowrap; 42 42 } … … 44 44 .resources.panel .sidebar li.selected { 45 45 color: white; 46 text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0; 47 font-weight: bold; 46 text-shadow: rgba(0, 0, 0, 0.33) 1px 1px 0; 48 47 } 49 48 … … 51 50 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177))); 52 51 border-top: 1px solid #979797; 53 height: 1 7px;52 height: 18px; 54 53 } 55 54 -
trunk/Source/WebCore/inspector/front-end/sidebarPane.css
r144927 r147275 42 42 text-align: center; 43 43 font-style: italic; 44 font-size: 10px;44 font-size: 90%; 45 45 padding: 6px; 46 color: black;46 color: #888; 47 47 } 48 48 … … 72 72 .sidebar-pane-title { 73 73 position: relative; 74 background -image: -webkit-gradient(linear, left top, left bottom, from(rgb(243, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230, 230, 230)), to(rgb(209, 209, 209)));74 background: rgb(230, 230, 230); 75 75 height: 20px; 76 76 padding: 0 5px; 77 77 border-top: 1px solid rgb(189, 189, 189); 78 78 border-bottom: 1px solid rgb(189, 189, 189); 79 font-weight: bold;80 font-size: 12px;81 79 line-height: 18px; 82 color: rgb(110, 110, 110);83 text-shadow: white 0 1px 0;84 80 -webkit-background-origin: padding; 85 81 -webkit-background-clip: padding; … … 111 107 112 108 .sidebar-pane-toolbar { 113 font-weight: bold;114 font-size: 12px;115 109 line-height: 18px; 116 color: rgb(110, 110, 110);117 text-shadow: white 0 1px 0;118 110 left: 0; 119 right: 0;111 right: 4px; 120 112 top: 0; 121 113 height: 20px; … … 165 157 position: absolute; 166 158 right: 0; 167 font-weight: normal;168 159 } 169 160 -
trunk/Source/WebCore/inspector/front-end/tabbedPane.css
r146871 r147275 63 63 float: left; 64 64 margin-top: 2px; 65 font-size: 11px; 66 font-weight: bold; 67 color: rgb(46, 46, 46); 68 background: transparent; 69 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; 70 vertical-align: middle; 71 padding: 3px 4px 2px 4px; 65 padding: 2px 4px 2px 4px; 72 66 height: 21px; 73 67 border: 1px solid transparent; 74 68 border-bottom: none; 69 line-height: 15px; 75 70 76 71 white-space: nowrap; … … 89 84 } 90 85 91 .tabbed-pane-header .tabbed-pane-header-tab-title {92 vertical-align: top;93 }94 95 86 .tabbed-pane-header-tab-close-button { 96 font-family: Arial, monospace;97 87 position: relative; 98 bottom: 1px;88 bottom: 0; 99 89 opacity: 0; 100 90 padding-left: 3px; 101 91 font-size: 14px; 102 92 color: rgb(80, 80, 80); 93 line-height: 12px; 103 94 } 104 95 … … 165 156 -webkit-appearance: none; 166 157 } 167 -
trunk/Source/WebCore/inspector/front-end/timelinePanel.css
r146871 r147275 213 213 214 214 .timeline-tree-item .count { 215 font-family: Helvetica, Arial, sans-serif;216 215 font-weight: bold; 217 216 } … … 360 359 361 360 .timeline-records-stats, .storage-application-cache-status, .storage-application-cache-connectivity { 362 font-size: 11px;363 361 text-shadow: white 0 1px 0; 364 362 } … … 497 495 498 496 .memory-counter-sidebar-info { 499 font-size: 11px;500 497 margin: 10px; 501 498 } … … 515 512 .memory-counter-value { 516 513 margin: 4px; 517 font-size: 11px;518 514 } 519 515 -
trunk/Source/WebKit/chromium/ChangeLog
r147256 r147275 1 2013-03-30 Alexei Filippov <alph@chromium.org> 2 3 Web Inspector: Fonts refactoring 4 https://bugs.webkit.org/show_bug.cgi?id=113047 5 6 Reviewed by Pavel Feldman. 7 8 Unify fonts usage across inspector. 9 Make inspector default font depend on platform. 10 11 * src/js/devTools.css: 12 (body.platform-linux): 13 (body.platform-mac): 14 (body.platform-windows): 15 1 16 2013-03-29 Sheriff Bot <webkit.review.bot@gmail.com> 2 17 -
trunk/Source/WebKit/chromium/src/js/devTools.css
r146871 r147275 12 12 13 13 /* Chrome theme overrides */ 14 15 body.platform-linux { 16 color: rgb(48, 57, 66); 17 font-family: Ubuntu, Arial, sans-serif; 18 font-size: 12px; 19 } 20 21 body.platform-mac { 22 color: rgb(48, 57, 66); 23 font-family: 'Lucida Grande', sans-serif; 24 font-size: 12px; 25 } 26 27 body.platform-windows { 28 font-family: 'Segoe UI', Tahoma, sans-serif; 29 font-size: 12px; 30 } 14 31 15 32 body.platform-windows #toolbar, body.platform-windows.inactive #toolbar {
Note: See TracChangeset
for help on using the changeset viewer.