72112 2011-11-11 04:25:58 -0800 Web Inspector: Interactive color box for gradients in CSS property values 2011-11-11 06:22:57 -0800 1 1 1 Unclassified WebKit Web Inspector (Deprecated) 528+ (Nightly build) All All RESOLVED FIXED P2 Normal --- 1 apavlov apavlov apavlov bweinstein joepeck keishi loislo pfeldman pmuellr rik timothy yurys oldest_to_newest 500661 0 apavlov 2011-11-11 04:25:58 -0800 What steps will reproduce the problem? 1. Create any gradient background eg: http://tinkerbin.com/IkMpFvw8 2. Right click on one of the two blue boxes and inspect them 3. You'll see that on the box with the class no-gradient in the Developer Tools > Elements tab > Styles that the background element has a small box showing the color. When you click on this box the color format switches between rgb, hsl and hex. 4. Inspect the box with the class of gradient. 5. The colors here simply display in whatever format they were set, in this case hex. What is the expected result? The colors in the background-image style should have the small box representing the current color and allowing the user to dynamically switch color modes What happens instead? The color is simply displayed as text in whatever format it was set. Upstreaming http://code.google.com/p/chromium/issues/detail?id=103358 500668 1 114670 apavlov 2011-11-11 04:33:20 -0800 Created attachment 114670 Patch 500726 2 apavlov 2011-11-11 06:22:57 -0800 Committed r99957: <http://trac.webkit.org/changeset/99957> 114670 2011-11-11 04:33:20 -0800 2011-11-11 06:22:23 -0800 Patch bug-72112-20111111163318.patch text/plain 1865 apavlov U3VidmVyc2lvbiBSZXZpc2lvbjogOTk5MzgKZGlmZiAtLWdpdCBhL1NvdXJjZS9XZWJDb3JlL0No YW5nZUxvZyBiL1NvdXJjZS9XZWJDb3JlL0NoYW5nZUxvZwppbmRleCA5NWE5YmFiNWMwZjdkYjI1 YmEzNzIzNzk3NjQ1ODQxZDEwMmVmYmJlLi4zN2E5M2QzMGNiM2EwMWUzYmU1MGM4NDgyMDRhYzU2 NjU5OWNmZGEyIDEwMDY0NAotLS0gYS9Tb3VyY2UvV2ViQ29yZS9DaGFuZ2VMb2cKKysrIGIvU291 cmNlL1dlYkNvcmUvQ2hhbmdlTG9nCkBAIC0xLDMgKzEsMTQgQEAKKzIwMTEtMTEtMTEgIEFsZXhh bmRlciBQYXZsb3YgIDxhcGF2bG92QGNocm9taXVtLm9yZz4KKworICAgICAgICBXZWIgSW5zcGVj dG9yOiBJbnRlcmFjdGl2ZSBjb2xvciBib3ggZm9yIGdyYWRpZW50cyBpbiBDU1MgcHJvcGVydHkg dmFsdWVzCisgICAgICAgIGh0dHBzOi8vYnVncy53ZWJraXQub3JnL3Nob3dfYnVnLmNnaT9pZD03 MjExMgorCisgICAgICAgIFJldmlld2VkIGJ5IE5PQk9EWSAoT09QUyEpLgorCisgICAgICAgIEFk ZCAiYmFja2dyb3VuZC1pbWFnZSIgdG8gdGhlIGxpc3Qgb2YgY29sb3ItYXdhcmUgcHJvcGVydGll cyAobWF5IGNvbnRhaW4gZ3JhZGllbnQgZGVmaW5pdGlvbikuCisKKyAgICAgICAgKiBpbnNwZWN0 b3IvZnJvbnQtZW5kL0NTU0tleXdvcmRDb21wbGV0aW9ucy5qczoKKwogMjAxMS0xMS0xMSAgTmlr b2xhcyBaaW1tZXJtYW5uICA8bnppbW1lcm1hbm5AcmltLmNvbT4KIAogICAgICAgICBab29taW5n IGluIFNWR3MgaW4gPG9iamVjdD4gaXMgZmxha2V5CmRpZmYgLS1naXQgYS9Tb3VyY2UvV2ViQ29y ZS9pbnNwZWN0b3IvZnJvbnQtZW5kL0NTU0tleXdvcmRDb21wbGV0aW9ucy5qcyBiL1NvdXJjZS9X ZWJDb3JlL2luc3BlY3Rvci9mcm9udC1lbmQvQ1NTS2V5d29yZENvbXBsZXRpb25zLmpzCmluZGV4 IDZiNjUxM2VlNTJkMWFmNzcxMDMxNTE0ZGExN2QzYzI0MmYzOWNhYmYuLjk4Zjg5OTY2MDNjNGY0 MDhmOTcwY2MxYWJmYzhjMWJlNmI3MDUzOGMgMTAwNjQ0Ci0tLSBhL1NvdXJjZS9XZWJDb3JlL2lu c3BlY3Rvci9mcm9udC1lbmQvQ1NTS2V5d29yZENvbXBsZXRpb25zLmpzCisrKyBiL1NvdXJjZS9X ZWJDb3JlL2luc3BlY3Rvci9mcm9udC1lbmQvQ1NTS2V5d29yZENvbXBsZXRpb25zLmpzCkBAIC03 OCw3ICs3OCw3IEBAIFdlYkluc3BlY3Rvci5DU1NLZXl3b3JkQ29tcGxldGlvbnMuX2NvbG9ycyA9 IFsKIF07CiAKIFdlYkluc3BlY3Rvci5DU1NLZXl3b3JkQ29tcGxldGlvbnMuX2NvbG9yQXdhcmVQ cm9wZXJ0aWVzID0gWwotICAgICJiYWNrZ3JvdW5kIiwgImJhY2tncm91bmQtY29sb3IiLCAiYm9y ZGVyIiwgImJvcmRlci1jb2xvciIsICJib3JkZXItdG9wIiwgImJvcmRlci1yaWdodCIsICJib3Jk ZXItYm90dG9tIiwKKyAgICAiYmFja2dyb3VuZCIsICJiYWNrZ3JvdW5kLWNvbG9yIiwgImJhY2tn cm91bmQtaW1hZ2UiLCAiYm9yZGVyIiwgImJvcmRlci1jb2xvciIsICJib3JkZXItdG9wIiwgImJv cmRlci1yaWdodCIsICJib3JkZXItYm90dG9tIiwKICAgICAiYm9yZGVyLWxlZnQiLCAiYm9yZGVy LXRvcC1jb2xvciIsICJib3JkZXItcmlnaHQtY29sb3IiLCAiYm9yZGVyLWJvdHRvbS1jb2xvciIs ICJib3JkZXItbGVmdC1jb2xvciIsICJjb2xvciIsCiAgICAgIm91dGxpbmUiLCAib3V0bGluZS1j b2xvciIsICJ0ZXh0LWxpbmUtdGhyb3VnaCIsICJ0ZXh0LWxpbmUtdGhyb3VnaC1jb2xvciIsICJ0 ZXh0LW92ZXJsaW5lIiwgInRleHQtb3ZlcmxpbmUtY29sb3IiLAogICAgICJ0ZXh0LXNoYWRvdyIs ICJ0ZXh0LXVuZGVybGluZSIsICJ0ZXh0LXVuZGVybGluZS1jb2xvciIsICItd2Via2l0LXRleHQt ZW1waGFzaXMiLCAiLXdlYmtpdC10ZXh0LWVtcGhhc2lzLWNvbG9yIgo=