Web Inspector: Remove unnecessary prefixes in WebInspectorUI CSS

https://bugs.webkit.org/show_bug.cgi?id=136905

Patch by Joseph Pecoraro <pecoraro@apple.com> on 2014-09-17
Reviewed by Timothy Hatcher.

Removed vendor prefixes from justify-content and a few lingering
occurances with transition, box-shadow, and display.

* UserInterface/Views/BreakpointActionView.css:
* UserInterface/Views/BreakpointTreeElement.css:
* UserInterface/Views/ButtonNavigationItem.css:
* UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
* UserInterface/Views/ControlToolbarItem.css:
* UserInterface/Views/DebuggerDashboardView.css:
* UserInterface/Views/DefaultDashboardView.css:
* UserInterface/Views/FontResourceContentView.css:
* UserInterface/Views/ImageResourceContentView.css:
* UserInterface/Views/LayerTreeSidebarPanel.css:
* UserInterface/Views/Main.css:
* UserInterface/Views/NavigationBar.css:
* UserInterface/Views/NavigationSidebarPanel.css:
* UserInterface/Views/Popover.css:
* UserInterface/Views/ReplayDashboardView.css:
* UserInterface/Views/Toolbar.css:

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

diff --git a/Source/WebInspectorUI/ChangeLog b/Source/WebInspectorUI/ChangeLog
index 0c20294..55e89a4 100644 (file)
--- a/Source/WebInspectorUI/ChangeLog
+++ b/Source/WebInspectorUI/ChangeLog
@@ -1,3 +1,30 @@
+2014-09-17  Joseph Pecoraro  <pecoraro@apple.com>
+
+        Web Inspector: Remove unnecessary prefixes in WebInspectorUI CSS
+        https://bugs.webkit.org/show_bug.cgi?id=136905
+
+        Reviewed by Timothy Hatcher.
+
+        Removed vendor prefixes from justify-content and a few lingering
+        occurances with transition, box-shadow, and display.
+
+        * UserInterface/Views/BreakpointActionView.css:
+        * UserInterface/Views/BreakpointTreeElement.css:
+        * UserInterface/Views/ButtonNavigationItem.css:
+        * UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
+        * UserInterface/Views/ControlToolbarItem.css:
+        * UserInterface/Views/DebuggerDashboardView.css:
+        * UserInterface/Views/DefaultDashboardView.css:
+        * UserInterface/Views/FontResourceContentView.css:
+        * UserInterface/Views/ImageResourceContentView.css:
+        * UserInterface/Views/LayerTreeSidebarPanel.css:
+        * UserInterface/Views/Main.css:
+        * UserInterface/Views/NavigationBar.css:
+        * UserInterface/Views/NavigationSidebarPanel.css:
+        * UserInterface/Views/Popover.css:
+        * UserInterface/Views/ReplayDashboardView.css:
+        * UserInterface/Views/Toolbar.css:
+
 2014-09-17  Dean Jackson  <dino@apple.com>
 
         WebInpector can use unprefixed flexbox

diff --git a/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css b/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css
index ed5a7bf..4fe7c8b 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css
+++ b/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css
@@ -60,7 +60,7 @@
     border-radius: 4px;
     border: 1px solid rgb(190, 190, 190);
     background-color: rgba(222, 222, 222, 0.95);
-    -webkit-box-shadow: inset 0 0 2px rgb(200, 200, 200);
+    box-shadow: inset 0 0 2px rgb(200, 200, 200);
 }
 
 .breakpoint-action-block-body > input {

diff --git a/Source/WebInspectorUI/UserInterface/Views/BreakpointTreeElement.css b/Source/WebInspectorUI/UserInterface/Views/BreakpointTreeElement.css
index 4cfa8cc..fdb3fff 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/BreakpointTreeElement.css
+++ b/Source/WebInspectorUI/UserInterface/Views/BreakpointTreeElement.css
@@ -66,13 +66,13 @@ icon to the icon element's background so animations are layered on top. */
 
     border-radius: 50%;
     -webkit-transform: scale(0);
-    -webkit-transition: none;
+    transition: none;
     background-color: rgba(76, 102, 143, 1);
 }
 
 .data-updated.breakpoint-generic-line-icon .icon > span {
     border-radius: 0;
     -webkit-transform: scale(0.85);
-    -webkit-transition: all .4s ease-out;
+    transition: all .4s ease-out;
     background-color: rgba(76, 102, 143, 0.1);
 }

diff --git a/Source/WebInspectorUI/UserInterface/Views/ButtonNavigationItem.css b/Source/WebInspectorUI/UserInterface/Views/ButtonNavigationItem.css
index aff1f86..d3da9a1 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/ButtonNavigationItem.css
+++ b/Source/WebInspectorUI/UserInterface/Views/ButtonNavigationItem.css
@@ -39,7 +39,7 @@
     text-align: center;
     height: auto;
 
-    -webkit-justify-content: center;
+    justify-content: center;
 }
 
 body.mac-platform.legacy .navigation-bar .item.button.text-only {

diff --git a/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css b/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css
index 28dc84c..723e90b 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css
+++ b/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css
@@ -52,13 +52,13 @@ body.mac-platform.legacy .sidebar > .panel.details.css-style > .content {
 
     display: flex;
     flex-flow: row wrap;
-    -webkit-justify-content: space-around;
+    justify-content: space-around;
 }
 
 .sidebar > .panel.details.css-style > .content > .pseudo-classes > .group {
-    display: -webkit-inline-flex;
+    display: inline-flex;
     flex-flow: row wrap;
-    -webkit-justify-content: space-around;
+    justify-content: space-around;
     flex: 1;
 }
 

diff --git a/Source/WebInspectorUI/UserInterface/Views/ControlToolbarItem.css b/Source/WebInspectorUI/UserInterface/Views/ControlToolbarItem.css
index 5a58d49..9804e2f 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/ControlToolbarItem.css
+++ b/Source/WebInspectorUI/UserInterface/Views/ControlToolbarItem.css
@@ -25,7 +25,7 @@
 
 .toolbar .item.control {
     align-items: center;
-    -webkit-justify-content: center;
+    justify-content: center;
 
     padding: 3px 2px;
 

diff --git a/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.css b/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.css
index 731f1f3..e4d0d45 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.css
+++ b/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.css
@@ -25,7 +25,7 @@
 .toolbar .dashboard.debugger {
     display: flex;
     flex-wrap: nowrap;
-    -webkit-justify-content: center;
+    justify-content: center;
     align-items: center;
 
     text-align: center;

diff --git a/Source/WebInspectorUI/UserInterface/Views/DefaultDashboardView.css b/Source/WebInspectorUI/UserInterface/Views/DefaultDashboardView.css
index e264695..d74c5f2 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/DefaultDashboardView.css
+++ b/Source/WebInspectorUI/UserInterface/Views/DefaultDashboardView.css
@@ -38,7 +38,7 @@ body.javascript .toolbar .dashboard.default > .resourcesCount {
 .toolbar .dashboard.default {
     display: flex;
     flex-flow: row nowrap;
-    -webkit-justify-content: space-between;
+    justify-content: space-between;
 }
 
 .toolbar .dashboard.default > .item {
@@ -50,7 +50,7 @@ body.javascript .toolbar .dashboard.default > .resourcesCount {
 
     min-width: 45px;
 
-    -webkit-justify-content: center;
+    justify-content: center;
     align-items: center;
 
     border-radius: 4px;

diff --git a/Source/WebInspectorUI/UserInterface/Views/FontResourceContentView.css b/Source/WebInspectorUI/UserInterface/Views/FontResourceContentView.css
index 70f9ef0..fb658a2 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/FontResourceContentView.css
+++ b/Source/WebInspectorUI/UserInterface/Views/FontResourceContentView.css
@@ -26,7 +26,7 @@
 .content-view.resource.font {
     display: flex;
 
-    -webkit-justify-content: center;
+    justify-content: center;
 
     overflow-x: hidden;
     overflow-y: auto;

diff --git a/Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.css b/Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.css
index c203054..76c770f 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.css
+++ b/Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.css
@@ -31,7 +31,7 @@
 
     display: flex;
 
-    -webkit-justify-content: center;
+    justify-content: center;
 }
 
 .content-view.resource.image img {

diff --git a/Source/WebInspectorUI/UserInterface/Views/LayerTreeSidebarPanel.css b/Source/WebInspectorUI/UserInterface/Views/LayerTreeSidebarPanel.css
index 7684f07..feb2eab 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/LayerTreeSidebarPanel.css
+++ b/Source/WebInspectorUI/UserInterface/Views/LayerTreeSidebarPanel.css
@@ -80,7 +80,7 @@ body.mac-platform.legacy .layer-tree.panel .bottom-bar > div {
 }
 
 .layer-tree.panel .layers-memory-label {
-    -webkit-justify-content: flex-end;
+    justify-content: flex-end;
 }
 
 .layer-tree-popover {

diff --git a/Source/WebInspectorUI/UserInterface/Views/Main.css b/Source/WebInspectorUI/UserInterface/Views/Main.css
index ee0fd50..61237b7 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/Main.css
+++ b/Source/WebInspectorUI/UserInterface/Views/Main.css
@@ -179,7 +179,7 @@ body.mac-platform.legacy #split-content-browser > .navigation-bar {
     padding-left: 20%;
     padding-right: 20%;
 
-    -webkit-justify-content: center;
+    justify-content: center;
     align-items: center;
 
     line-height: 20px;

diff --git a/Source/WebInspectorUI/UserInterface/Views/NavigationBar.css b/Source/WebInspectorUI/UserInterface/Views/NavigationBar.css
index 7da4da6..7568324 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/NavigationBar.css
+++ b/Source/WebInspectorUI/UserInterface/Views/NavigationBar.css
@@ -25,7 +25,7 @@
 
 .navigation-bar {
     display: flex;
-    -webkit-justify-content: center;
+    justify-content: center;
     flex-wrap: wrap;
 
     box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0;

diff --git a/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css b/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css
index 8b86c7f..d59d909 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css
+++ b/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css
@@ -91,7 +91,7 @@ body.mac-platform.legacy .sidebar > .panel.navigation > .overflow-shadow.top {
 
     display: flex;
 
-    -webkit-justify-content: center;
+    justify-content: center;
     align-items: center;
 }
 

diff --git a/Source/WebInspectorUI/UserInterface/Views/Popover.css b/Source/WebInspectorUI/UserInterface/Views/Popover.css
index 46b4e6c..bfaa634 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/Popover.css
+++ b/Source/WebInspectorUI/UserInterface/Views/Popover.css
@@ -71,7 +71,7 @@
 
 .popover > .container.center {
     display: flex;
-    -webkit-justify-content: center;
+    justify-content: center;
     align-items: center;
 }
 

diff --git a/Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.css b/Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.css
index 6178b98..bd4a40d 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.css
+++ b/Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.css
@@ -25,7 +25,7 @@
 .toolbar .dashboard.replay {
     display: flex;
     flex-wrap: nowrap;
-    -webkit-justify-content: center;
+    justify-content: center;
     align-items: center;
 
     text-align: center;
@@ -46,7 +46,7 @@
 
 .toolbar.label-only .dashboard.replay .item.button > .glyph {
     /* The default styles here will try to elide buttons in label-only mode. */
-    display: -webkit-flex !important;
+    display: flex !important;
 
     /* ButtonNavigationItem is not aware of alternate button sizes, so override here. */
     width: 14px !important;

diff --git a/Source/WebInspectorUI/UserInterface/Views/Toolbar.css b/Source/WebInspectorUI/UserInterface/Views/Toolbar.css
index 63b6b6d..967e6b5 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/Toolbar.css
+++ b/Source/WebInspectorUI/UserInterface/Views/Toolbar.css
@@ -113,7 +113,7 @@ body.mac-platform.legacy.window-inactive .toolbar {
 
     flex-direction: column;
     align-items: center;
-    -webkit-justify-content: center;
+    justify-content: center;
 
     padding-left: 6px;
     padding-right: 6px;
@@ -137,17 +137,17 @@ body.mac-platform.legacy.window-inactive .toolbar {
 }
 
 .toolbar .item-section.left {
-    -webkit-justify-content: flex-start;
+    justify-content: flex-start;
     margin-right: 12px;
 }
 
 .toolbar .item-section.center {
     flex: 2;
-    -webkit-justify-content: center;
+    justify-content: center;
 }
 
 .toolbar .item-section.right {
-    -webkit-justify-content: flex-end;
+    justify-content: flex-end;
     margin-left: 12px;
     margin-right: 12px;
 }