2011-06-30 Pavel Feldman <pfeldman@chromium.org>
authorpfeldman@chromium.org <pfeldman@chromium.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 30 Jun 2011 18:22:00 +0000 (18:22 +0000)
committerpfeldman@chromium.org <pfeldman@chromium.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 30 Jun 2011 18:22:00 +0000 (18:22 +0000)
        Reviewed by Yury Semikhatsky.

        Web Inspector: introduce "filter" icons for timeline panel and elements sidebar.
        https://bugs.webkit.org/show_bug.cgi?id=63731

        * inspector/front-end/EventListenersSidebarPane.js:
        * inspector/front-end/Images/paneFilterButtons.png: Added.
        * inspector/front-end/Images/statusbarButtonGlyphs.png:
        * inspector/front-end/StylesSidebarPane.js:
        * inspector/front-end/inspector.css:
        (.pane > .title > select):
        (.pane > .title > select.select-settings):
        (.pane > .title > select.select-filter):
        (.timeline-filter-status-bar-item .glyph):

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@90136 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Source/WebCore/ChangeLog
Source/WebCore/inspector/front-end/EventListenersSidebarPane.js
Source/WebCore/inspector/front-end/Images/paneFilterButtons.png [new file with mode: 0644]
Source/WebCore/inspector/front-end/Images/statusbarButtonGlyphs.png
Source/WebCore/inspector/front-end/StylesSidebarPane.js
Source/WebCore/inspector/front-end/inspector.css

index fdab12f..02c5b5f 100644 (file)
@@ -1,3 +1,20 @@
+2011-06-30  Pavel Feldman  <pfeldman@chromium.org>
+
+        Reviewed by Yury Semikhatsky.
+
+        Web Inspector: introduce "filter" icons for timeline panel and elements sidebar.
+        https://bugs.webkit.org/show_bug.cgi?id=63731
+
+        * inspector/front-end/EventListenersSidebarPane.js:
+        * inspector/front-end/Images/paneFilterButtons.png: Added.
+        * inspector/front-end/Images/statusbarButtonGlyphs.png:
+        * inspector/front-end/StylesSidebarPane.js:
+        * inspector/front-end/inspector.css:
+        (.pane > .title > select):
+        (.pane > .title > select.select-settings):
+        (.pane > .title > select.select-filter):
+        (.timeline-filter-status-bar-item .glyph):
+
 2011-06-28  Hans Wennborg  <hans@chromium.org>
 
         Reviewed by Tony Chang.
index 498126a..6b4e040 100644 (file)
@@ -35,6 +35,7 @@ WebInspector.EventListenersSidebarPane = function()
     this.sections = [];
 
     this.settingsSelectElement = document.createElement("select");
+    this.settingsSelectElement.className = "select-filter";
 
     var option = document.createElement("option");
     option.value = "all";
diff --git a/Source/WebCore/inspector/front-end/Images/paneFilterButtons.png b/Source/WebCore/inspector/front-end/Images/paneFilterButtons.png
new file mode 100644 (file)
index 0000000..7c8d84e
Binary files /dev/null and b/Source/WebCore/inspector/front-end/Images/paneFilterButtons.png differ
index 2c5f49c..c4987f4 100644 (file)
Binary files a/Source/WebCore/inspector/front-end/Images/statusbarButtonGlyphs.png and b/Source/WebCore/inspector/front-end/Images/statusbarButtonGlyphs.png differ
index 3b641d3..9a8f563 100644 (file)
@@ -32,6 +32,7 @@ WebInspector.StylesSidebarPane = function(computedStylePane)
     WebInspector.SidebarPane.call(this, WebInspector.UIString("Styles"));
 
     this.settingsSelectElement = document.createElement("select");
+    this.settingsSelectElement.className = "select-settings";
 
     var option = document.createElement("option");
     option.value = "original";
index eb176e0..6acdcca 100644 (file)
@@ -1746,7 +1746,6 @@ li.editing .swatch, li.editing .enabled-button,  li.editing-sub-part .delete-but
     color: transparent;
     background-color: transparent;
     border: none;
-    background-image: url(Images/paneSettingsButtons.png);
     background-repeat: no-repeat;
     margin: 1px 0 0 0;
     padding: 0;
@@ -1762,6 +1761,14 @@ li.editing .swatch, li.editing .enabled-button,  li.editing-sub-part .delete-but
     background-position: -46px 0px;
 }
 
+.pane > .title > select.select-settings {
+    background-image: url(Images/paneSettingsButtons.png);
+}
+
+.pane > .title > select.select-filter {
+    background-image: url(Images/paneFilterButtons.png);
+}
+
 .pane > .title > select > option, .pane > .title > select > hr {
     color: black;
 }
@@ -4056,7 +4063,7 @@ body.inactive li.selected .bubble.search-matches {
 }
 
 .timeline-filter-status-bar-item .glyph {
-    -webkit-mask-position: -224px 0;
+    -webkit-mask-position: -32px -48px;
 }
 
 .timeline-filter-status-bar-item.toggled-on .glyph {