<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[171011] trunk/Source/WebInspectorUI</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/171011">171011</a></dd>
<dt>Author</dt> <dd>commit-queue@webkit.org</dd>
<dt>Date</dt> <dd>2014-07-11 14:04:17 -0700 (Fri, 11 Jul 2014)</dd>
</dl>

<h3>Log Message</h3>
<pre>Web Inspector: CSS Autocompletion: &quot;background&quot; only has colors, should support others
https://bugs.webkit.org/show_bug.cgi?id=134839

Patch by Joseph Pecoraro &lt;pecoraro@apple.com&gt; on 2014-07-11
Reviewed by Timothy Hatcher.

Update and consolidate the background related CSS properties
and include sub-property completions in the shorthand property.

Also take the opportunity to add or update other properties
(-webkit-alt, -webkit-text-decoration-skip, -webkit-aspect-ratio)
and remove unnecessary newlines / commas in the list.

* UserInterface/Models/CSSKeywordCompletions.js:</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkSourceWebInspectorUIChangeLog">trunk/Source/WebInspectorUI/ChangeLog</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceModelsCSSKeywordCompletionsjs">trunk/Source/WebInspectorUI/UserInterface/Models/CSSKeywordCompletions.js</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkSourceWebInspectorUIChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/ChangeLog (171010 => 171011)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/ChangeLog        2014-07-11 20:26:00 UTC (rev 171010)
+++ trunk/Source/WebInspectorUI/ChangeLog        2014-07-11 21:04:17 UTC (rev 171011)
</span><span class="lines">@@ -1,3 +1,19 @@
</span><ins>+2014-07-11  Joseph Pecoraro  &lt;pecoraro@apple.com&gt;
+
+        Web Inspector: CSS Autocompletion: &quot;background&quot; only has colors, should support others
+        https://bugs.webkit.org/show_bug.cgi?id=134839
+
+        Reviewed by Timothy Hatcher.
+
+        Update and consolidate the background related CSS properties
+        and include sub-property completions in the shorthand property.
+
+        Also take the opportunity to add or update other properties
+        (-webkit-alt, -webkit-text-decoration-skip, -webkit-aspect-ratio)
+        and remove unnecessary newlines / commas in the list.
+
+        * UserInterface/Models/CSSKeywordCompletions.js:
+
</ins><span class="cx"> 2014-07-10  Joseph Pecoraro  &lt;pecoraro@apple.com&gt;
</span><span class="cx"> 
</span><span class="cx">         Web Inspector: Debugger Continue button is incorrectly sized
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceModelsCSSKeywordCompletionsjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Models/CSSKeywordCompletions.js (171010 => 171011)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Models/CSSKeywordCompletions.js        2014-07-11 20:26:00 UTC (rev 171010)
+++ trunk/Source/WebInspectorUI/UserInterface/Models/CSSKeywordCompletions.js        2014-07-11 21:04:17 UTC (rev 171011)
</span><span class="lines">@@ -135,12 +135,6 @@
</span><span class="cx">     &quot;visibility&quot;: [
</span><span class="cx">         &quot;hidden&quot;, &quot;visible&quot;, &quot;collapse&quot;
</span><span class="cx">     ],
</span><del>-    &quot;background-repeat&quot;: [
-        &quot;repeat&quot;, &quot;repeat-x&quot;, &quot;repeat-y&quot;, &quot;no-repeat&quot;, &quot;space&quot;, &quot;round&quot;
-    ],
-    &quot;background-blend-mode&quot;: [
-        &quot;normal&quot;, &quot;multiply&quot;, &quot;screen&quot;, &quot;overlay&quot;, &quot;darken&quot;, &quot;lighten&quot;, &quot;color-dodge&quot;, &quot;color-burn&quot;, &quot;hard-light&quot;, &quot;soft-light&quot;, &quot;difference&quot;, &quot;exclusion&quot;, &quot;hue&quot;, &quot;saturation&quot;, &quot;color&quot;, &quot;luminosity&quot;,
-    ],
</del><span class="cx">     &quot;text-underline&quot;: [
</span><span class="cx">         &quot;none&quot;, &quot;dotted&quot;, &quot;dashed&quot;, &quot;solid&quot;, &quot;double&quot;, &quot;dot-dash&quot;, &quot;dot-dot-dash&quot;, &quot;wave&quot;
</span><span class="cx">     ],
</span><span class="lines">@@ -224,12 +218,38 @@
</span><span class="cx">     &quot;size&quot;: [
</span><span class="cx">         &quot;a3&quot;, &quot;a4&quot;, &quot;a5&quot;, &quot;b4&quot;, &quot;b5&quot;, &quot;landscape&quot;, &quot;ledger&quot;, &quot;legal&quot;, &quot;letter&quot;, &quot;portrait&quot;
</span><span class="cx">     ],
</span><ins>+    &quot;background&quot;: [
+        &quot;none&quot;, &quot;url()&quot;, &quot;linear-gradient()&quot;, &quot;radial-gradient()&quot;, &quot;repeating-linear-gradient()&quot;, &quot;repeating-radial-gradient()&quot;, &quot;-webkit-canvas()&quot;, &quot;-webkit-cross-fade()&quot;, &quot;-webkit-image-set()&quot;,
+        &quot;repeat&quot;, &quot;repeat-x&quot;, &quot;repeat-y&quot;, &quot;no-repeat&quot;, &quot;space&quot;, &quot;round&quot;,
+        &quot;scroll&quot;, &quot;fixed&quot;, &quot;local&quot;,
+        &quot;auto&quot;, &quot;contain&quot;, &quot;cover&quot;,
+        &quot;top&quot;, &quot;right&quot;, &quot;left&quot;, &quot;bottom&quot;, &quot;center&quot;,
+        &quot;border-box&quot;, &quot;padding-box&quot;, &quot;content-box&quot;
+    ],
</ins><span class="cx">     &quot;background-image&quot;: [
</span><del>-        &quot;url()&quot;, &quot;linear-gradient()&quot;, &quot;radial-gradient()&quot;, &quot;repeating-linear-gradient()&quot;, &quot;repeating-radial-gradient()&quot;, &quot;-webkit-canvas()&quot;, &quot;-webkit-cross-fade()&quot;, &quot;-webkit-image-set()&quot;
</del><ins>+        &quot;none&quot;, &quot;url()&quot;, &quot;linear-gradient()&quot;, &quot;radial-gradient()&quot;, &quot;repeating-linear-gradient()&quot;, &quot;repeating-radial-gradient()&quot;, &quot;-webkit-canvas()&quot;, &quot;-webkit-cross-fade()&quot;, &quot;-webkit-image-set()&quot;
</ins><span class="cx">     ],
</span><span class="cx">     &quot;background-size&quot;: [
</span><del>-        &quot;contain&quot;, &quot;cover&quot;
</del><ins>+        &quot;auto&quot;, &quot;contain&quot;, &quot;cover&quot;
</ins><span class="cx">     ],
</span><ins>+    &quot;background-attachment&quot;: [
+        &quot;scroll&quot;, &quot;fixed&quot;, &quot;local&quot;
+    ],
+    &quot;background-repeat&quot;: [
+        &quot;repeat&quot;, &quot;repeat-x&quot;, &quot;repeat-y&quot;, &quot;no-repeat&quot;, &quot;space&quot;, &quot;round&quot;
+    ],
+    &quot;background-blend-mode&quot;: [
+        &quot;normal&quot;, &quot;multiply&quot;, &quot;screen&quot;, &quot;overlay&quot;, &quot;darken&quot;, &quot;lighten&quot;, &quot;color-dodge&quot;, &quot;color-burn&quot;, &quot;hard-light&quot;, &quot;soft-light&quot;, &quot;difference&quot;, &quot;exclusion&quot;, &quot;hue&quot;, &quot;saturation&quot;, &quot;color&quot;, &quot;luminosity&quot;
+    ],
+    &quot;background-position&quot;: [
+        &quot;top&quot;, &quot;right&quot;, &quot;left&quot;, &quot;bottom&quot;, &quot;center&quot;
+    ],
+    &quot;background-origin&quot;: [
+        &quot;border-box&quot;, &quot;padding-box&quot;, &quot;content-box&quot;
+    ],
+    &quot;background-clip&quot;: [
+        &quot;border-box&quot;, &quot;padding-box&quot;, &quot;content-box&quot;
+    ],
</ins><span class="cx">     &quot;direction&quot;: [
</span><span class="cx">         &quot;ltr&quot;, &quot;rtl&quot;
</span><span class="cx">     ],
</span><span class="lines">@@ -269,9 +289,6 @@
</span><span class="cx">     &quot;color-interpolation&quot;: [
</span><span class="cx">         &quot;linearrgb&quot;
</span><span class="cx">     ],
</span><del>-    &quot;background-origin&quot;: [
-        &quot;border-box&quot;, &quot;content-box&quot;, &quot;padding-box&quot;
-    ],
</del><span class="cx">     &quot;word-wrap&quot;: [
</span><span class="cx">         &quot;normal&quot;, &quot;break-word&quot;
</span><span class="cx">     ],
</span><span class="lines">@@ -300,8 +317,7 @@
</span><span class="cx">         &quot;none&quot;, &quot;normal&quot;, &quot;spell-out&quot;, &quot;digits&quot;, &quot;literal-punctuation&quot;, &quot;no-punctuation&quot;
</span><span class="cx">     ],
</span><span class="cx">     &quot;text-line-through&quot;: [
</span><del>-        &quot;none&quot;, &quot;dotted&quot;, &quot;dashed&quot;, &quot;solid&quot;, &quot;double&quot;, &quot;dot-dash&quot;, &quot;dot-dot-dash&quot;, &quot;wave&quot;, &quot;continuous&quot;,
-        &quot;skip-white-space&quot;
</del><ins>+        &quot;none&quot;, &quot;dotted&quot;, &quot;dashed&quot;, &quot;solid&quot;, &quot;double&quot;, &quot;dot-dash&quot;, &quot;dot-dot-dash&quot;, &quot;wave&quot;, &quot;continuous&quot;, &quot;skip-white-space&quot;
</ins><span class="cx">     ],
</span><span class="cx">     &quot;color-rendering&quot;: [
</span><span class="cx">         &quot;auto&quot;, &quot;optimizeSpeed&quot;, &quot;optimizeQuality&quot;
</span><span class="lines">@@ -509,9 +525,6 @@
</span><span class="cx">     &quot;word-spacing&quot;: [
</span><span class="cx">         &quot;normal&quot;, &quot;calc()&quot;, &quot;-webkit-calc()&quot;
</span><span class="cx">     ],
</span><del>-    &quot;background-clip&quot;: [
-        &quot;border-box&quot;, &quot;content-box&quot;, &quot;padding-box&quot;
-    ],
</del><span class="cx">     &quot;-webkit-font-kerning&quot;: [
</span><span class="cx">         &quot;auto&quot;, &quot;normal&quot;, &quot;none&quot;
</span><span class="cx">     ],
</span><span class="lines">@@ -522,8 +535,7 @@
</span><span class="cx">         &quot;none&quot;, &quot;hidden&quot;, &quot;inset&quot;, &quot;groove&quot;, &quot;ridge&quot;, &quot;outset&quot;, &quot;dotted&quot;, &quot;dashed&quot;, &quot;solid&quot;, &quot;double&quot;
</span><span class="cx">     ],
</span><span class="cx">     &quot;font-size&quot;: [
</span><del>-        &quot;xx-small&quot;, &quot;x-small&quot;, &quot;small&quot;, &quot;medium&quot;, &quot;large&quot;, &quot;x-large&quot;, &quot;xx-large&quot;, &quot;-webkit-xxx-large&quot;, &quot;smaller&quot;,
-        &quot;larger&quot;
</del><ins>+        &quot;xx-small&quot;, &quot;x-small&quot;, &quot;small&quot;, &quot;medium&quot;, &quot;large&quot;, &quot;x-large&quot;, &quot;xx-large&quot;, &quot;-webkit-xxx-large&quot;, &quot;smaller&quot;, &quot;larger&quot;
</ins><span class="cx">     ],
</span><span class="cx">     &quot;font-variant&quot;: [
</span><span class="cx">         &quot;small-caps&quot;, &quot;normal&quot;
</span><span class="lines">@@ -595,7 +607,7 @@
</span><span class="cx">         &quot;circle&quot;, &quot;filled&quot;, &quot;open&quot;, &quot;dot&quot;, &quot;double-circle&quot;, &quot;triangle&quot;, &quot;sesame&quot;
</span><span class="cx">     ],
</span><span class="cx">     &quot;-webkit-text-emphasis-position&quot;: [
</span><del>-        &quot;over&quot;, &quot;under&quot;
</del><ins>+        &quot;over&quot;, &quot;under&quot;, &quot;left&quot;, &quot;right&quot;
</ins><span class="cx">     ],
</span><span class="cx">     &quot;-webkit-transform&quot;: [
</span><span class="cx">         &quot;none&quot;,
</span><span class="lines">@@ -609,14 +621,17 @@
</span><span class="cx">         &quot;none&quot;, &quot;underline&quot;, &quot;overline&quot;, &quot;line-through&quot;, &quot;blink&quot;
</span><span class="cx">     ],
</span><span class="cx">     &quot;-webkit-text-decorations-in-effect&quot;: [
</span><del>-        &quot;none&quot;, &quot;underline&quot;, &quot;overline&quot;, &quot;line-through&quot;, &quot;blink&quot;,
</del><ins>+        &quot;none&quot;, &quot;underline&quot;, &quot;overline&quot;, &quot;line-through&quot;, &quot;blink&quot;
</ins><span class="cx">     ],
</span><span class="cx">     &quot;-webkit-text-decoration-line&quot;: [
</span><del>-        &quot;none&quot;, &quot;underline&quot;, &quot;overline&quot;, &quot;line-through&quot;, &quot;blink&quot;,
</del><ins>+        &quot;none&quot;, &quot;underline&quot;, &quot;overline&quot;, &quot;line-through&quot;, &quot;blink&quot;
</ins><span class="cx">     ],
</span><span class="cx">     &quot;-webkit-text-decoration-style&quot;: [
</span><span class="cx">         &quot;solid&quot;, &quot;double&quot;, &quot;dotted&quot;, &quot;dashed&quot;, &quot;wavy&quot;
</span><span class="cx">     ],
</span><ins>+    &quot;-webkit-text-decoration-skip&quot;: [
+        &quot;auto&quot;, &quot;none&quot;, &quot;objects&quot;, &quot;ink&quot;
+    ],
</ins><span class="cx">     &quot;-webkit-text-underline-position&quot;: [
</span><span class="cx">         &quot;auto&quot;, &quot;alphabetic&quot;, &quot;under&quot;
</span><span class="cx">     ],
</span><span class="lines">@@ -624,7 +639,7 @@
</span><span class="cx">         &quot;from-image&quot;, &quot;snap&quot;
</span><span class="cx">     ],
</span><span class="cx">     &quot;-webkit-blend-mode&quot;: [
</span><del>-        &quot;normal&quot;, &quot;multiply&quot;, &quot;screen&quot;, &quot;overlay&quot;, &quot;darken&quot;, &quot;lighten&quot;, &quot;color-dodge&quot;, &quot;color-burn&quot;, &quot;hard-light&quot;, &quot;soft-light&quot;, &quot;difference&quot;, &quot;exclusion&quot;, &quot;hue&quot;, &quot;saturation&quot;, &quot;color&quot;, &quot;luminosity&quot;,
</del><ins>+        &quot;normal&quot;, &quot;multiply&quot;, &quot;screen&quot;, &quot;overlay&quot;, &quot;darken&quot;, &quot;lighten&quot;, &quot;color-dodge&quot;, &quot;color-burn&quot;, &quot;hard-light&quot;, &quot;soft-light&quot;, &quot;difference&quot;, &quot;exclusion&quot;, &quot;hue&quot;, &quot;saturation&quot;, &quot;color&quot;, &quot;luminosity&quot;
</ins><span class="cx">     ],
</span><span class="cx">     &quot;mix&quot;: [
</span><span class="cx">         &quot;auto&quot;,
</span><span class="lines">@@ -782,6 +797,9 @@
</span><span class="cx">     &quot;box-sizing&quot;: [
</span><span class="cx">         &quot;border-box&quot;, &quot;content-box&quot;
</span><span class="cx">     ],
</span><ins>+    &quot;-webkit-alt&quot;: [
+        &quot;attr()&quot;
+    ],
</ins><span class="cx">     &quot;-webkit-border-fit&quot;: [
</span><span class="cx">         &quot;border&quot;, &quot;lines&quot;
</span><span class="cx">     ],
</span><span class="lines">@@ -831,7 +849,7 @@
</span><span class="cx">         &quot;medium&quot;, &quot;thick&quot;, &quot;thin&quot;, &quot;calc()&quot;, &quot;-webkit-calc()&quot;
</span><span class="cx">     ],
</span><span class="cx">     &quot;-webkit-aspect-ratio&quot;: [
</span><del>-        &quot;none&quot;
</del><ins>+        &quot;auto&quot;, &quot;from-dimensions&quot;, &quot;from-intrinsic&quot;, &quot;/&quot;
</ins><span class="cx">     ],
</span><span class="cx">     &quot;-webkit-filter&quot;: [
</span><span class="cx">         &quot;none&quot;, &quot;grayscale()&quot;, &quot;sepia()&quot;, &quot;saturate()&quot;, &quot;hue-rotate()&quot;, &quot;invert()&quot;, &quot;opacity()&quot;, &quot;brightness()&quot;, &quot;contrast()&quot;, &quot;blur()&quot;, &quot;drop-shadow()&quot;, &quot;custom()&quot;
</span></span></pre>
</div>
</div>

</body>
</html>