LayoutTests:
authordarin <darin@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 23 Apr 2007 08:27:18 +0000 (08:27 +0000)
committerdarin <darin@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 23 Apr 2007 08:27:18 +0000 (08:27 +0000)
        Reviewed by Hyatt.

        - test changes for rename of box-sizing to -webkit-box-sizing

        * fast/borders/border-fit.html: Rename.
        * fast/box-sizing/box-sizing.html: Ditto.
        * fast/box-sizing/panels-one.html: Added -webkit-box-sizing.
        * fast/box-sizing/panels-two.html: Ditto.
        * fast/box-sizing/percentage-height.html: Renamed -khtml-box-sizing to -webkit-box-sizing.
        * fast/css/computed-style-expected.txt: Updated for different name and place in sorting order.
        * tables/mozilla/core/box_sizing.html: Rename.

WebCore:

        Reviewed by Hyatt.

        - rename box-sizing to -webkit-box-sizing
          because of <rdar://problem/4667227> REGRESSION: Shifted table on page at
          https://us.etrade.com/e/t/home (due to box-sizing)

        * css/CSSComputedStyleDeclaration.cpp:
        (WebCore::CSSComputedStyleDeclaration::getPropertyCSSValue): Rename.
        * css/CSSPropertyNames.in: Ditto.
        * css/cssparser.cpp: (WebCore::CSSParser::parseValue): Rename and take out comment
        explaining why we aren't prefacing with -webkit.
        * css/cssstyleselector.cpp:
        (WebCore::CSSStyleSelector::applyProperty): Rename.
        * css/html4.css: Rename.
        * css/quirks.css: Rename.

WebKit:

        Reviewed by Hyatt.

        - rename box-sizing to -webkit-box-sizing

        * WebInspector/webInspector/inspector.css: Here.
        * WebInspector/webInspector/inspector.js: And here, in the expected default CSS values list.

WebKitTools:

        Reviewed by Hyatt.

        - rename box-sizing to -webkit-box-sizing

        * Drosera/console.css: Here.
        * Drosera/debugger.css: And here.
        * Drosera/viewer.css: And here.

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

22 files changed:
LayoutTests/ChangeLog
LayoutTests/fast/borders/border-fit.html
LayoutTests/fast/box-sizing/box-sizing.html
LayoutTests/fast/box-sizing/panels-one.html
LayoutTests/fast/box-sizing/panels-two.html
LayoutTests/fast/box-sizing/percentage-height.html
LayoutTests/fast/css/computed-style-expected.txt
LayoutTests/tables/mozilla/core/box_sizing.html
WebCore/ChangeLog
WebCore/css/CSSComputedStyleDeclaration.cpp
WebCore/css/CSSPropertyNames.in
WebCore/css/cssparser.cpp
WebCore/css/cssstyleselector.cpp
WebCore/css/html4.css
WebCore/css/quirks.css
WebKit/ChangeLog
WebKit/WebInspector/webInspector/inspector.css
WebKit/WebInspector/webInspector/inspector.js
WebKitTools/ChangeLog
WebKitTools/Drosera/console.css
WebKitTools/Drosera/debugger.css
WebKitTools/Drosera/viewer.css

index fefcdc9..81dab78 100644 (file)
@@ -1,3 +1,17 @@
+2007-04-23  Darin Adler  <darin@apple.com>
+
+        Reviewed by Hyatt.
+
+        - test changes for rename of box-sizing to -webkit-box-sizing
+
+        * fast/borders/border-fit.html: Rename.
+        * fast/box-sizing/box-sizing.html: Ditto.
+        * fast/box-sizing/panels-one.html: Added -webkit-box-sizing.
+        * fast/box-sizing/panels-two.html: Ditto.
+        * fast/box-sizing/percentage-height.html: Renamed -khtml-box-sizing to -webkit-box-sizing.
+        * fast/css/computed-style-expected.txt: Updated for different name and place in sorting order.
+        * tables/mozilla/core/box_sizing.html: Rename.
+
 2007-04-22  Darin Adler  <darin@apple.com>
 
         Reviewed by Tim Hatcher.
index 2f129f2..6be6da9 100644 (file)
@@ -59,7 +59,7 @@ div {
     display: inline-block;
     border-color: transparent;
     border-style: solid;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     -webkit-border-fit: lines;
 }
 
index de8c109..99dc517 100644 (file)
@@ -5,7 +5,7 @@ div, img {
   color: white;
   border: 2px solid black;
   padding: 4px;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   margin:10px 5px;
 }
@@ -16,25 +16,25 @@ All of the boxes below should be 20x20 and look identical.
 
 <h1>Normal Blocks</h1>
 
-<div style="box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px"></div>
+<div style="-webkit-box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px"></div>
 <div style="width:20px; height:20px"></div>
 <div style="max-width:20px; min-height:20px"></div>
 <div style="width:20px; max-height:20px"><br><br><br></div>
 
 <h1>Inline Blocks</h1>
 
-<div style="display: inline-block; box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px"></div><div style="display: inline-block; width:20px; height:20px"></div><div style="display: inline-block; min-width:20px; min-height:20px;"></div><div style="display: inline-block; width:20px; max-height:20px"><br><br><br></div>
+<div style="display: inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px"></div><div style="display: inline-block; width:20px; height:20px"></div><div style="display: inline-block; min-width:20px; min-height:20px;"></div><div style="display: inline-block; width:20px; max-height:20px"><br><br><br></div>
 
 <h1>Positioned Blocks</h1>
 
-<div style="position:absolute; box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px"></div>
+<div style="position:absolute; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px"></div>
 <div style="position:absolute; left:38px; width:20px; height:20px"></div>
 <div style="position:absolute; left:68px; min-width:20px; min-height:20px;"></div>
 <div style="position:absolute; left:98px; width:20px; max-height:20px"><br><br><br></div>
 <br>
 
 <h1>Floating blocks</h1>
-<div style="float:left; box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px"></div>
+<div style="float:left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px"></div>
 <div style="float:left; width:20px; height:20px"></div>
 <div style="float:left; min-width:20px; min-height:20px"></div>
 <div style="float:left; width:20px; max-height:20px"><br><br><br></div>
@@ -43,18 +43,18 @@ All of the boxes below should be 20x20 and look identical.
 
 <h1>Normal Images</h1>
 
-<img src="resources/white.gif" style="box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px"><img style="width:20px; height:20px" src="resources/white.gif"><img style="max-width:20px; min-height:20px; padding-top:2px; padding-bottom:2px" src="resources/white.gif"><img style="width:20px; max-height:20px" src="resources/white.gif">
+<img src="resources/white.gif" style="-webkit-box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px"><img style="width:20px; height:20px" src="resources/white.gif"><img style="max-width:20px; min-height:20px; padding-top:2px; padding-bottom:2px" src="resources/white.gif"><img style="width:20px; max-height:20px" src="resources/white.gif">
 
 <h1>Positioned Images</h1>
 
-<img style="position:absolute; box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px" src="resources/white.gif">
+<img style="position:absolute; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px" src="resources/white.gif">
 <img style="position:absolute; left:38px; width:20px; height:20px" src="resources/white.gif">
 <img style="position:absolute; left:68px; min-width:20px; min-height:20px; padding:2px" src="resources/white.gif">
 <img style="position:absolute; left:98px; width:20px; max-height:20px" src="resources/white.gif">
 <br>
 
 <h1>Floating Images</h1>
-<img style="float:left; box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px" src="resources/white.gif">
+<img style="float:left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; width:8px; height:8px" src="resources/white.gif">
 <img style="float:left; width:20px; height:20px" src="resources/white.gif">
 <img style="float:left; min-width:20px; min-height:20px; padding:2px" src="resources/white.gif">
 <img style="float:left; width:20px; max-height:20px" src="resources/white.gif">
index a64e06a..41296bd 100644 (file)
@@ -1,42 +1,43 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
-       <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-       <title>Panelset</title>
-       <style type="text/css">
-               /* <![CDATA */
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title>Panelset</title>
+    <style type="text/css">
+        /* <![CDATA */
 
-               /* html { height: 100%; } */
-               body{ margin: 0; /* height: 100%; */ }
+        /* html { height: 100%; } */
+        body{ margin: 0; /* height: 100%; */ }
 
-               .panel{
-                       -moz-box-sizing: border-box;
-                       box-sizing: border-box;
-                       overflow: auto;
-                       position: absolute;
-                       height: 100%;
-                       width: 100%;
-               }
-               
-               /* ]]> */
-       </style>
+        .panel{
+            -moz-box-sizing: border-box;
+            -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+            overflow: auto;
+            position: absolute;
+            height: 100%;
+            width: 100%;
+        }
+        
+        /* ]]> */
+    </style>
 </head>
 <body>
-       <div style="padding: 130px 0px 0px;" id="outerPanelSet" class="panel">
-               <div style="background-color: pink; height: 40px; top: 0px;" id="headerPanel" class="panel">Header</div>
-               <div style="background-color: salmon; height: 30px; top: 40px;" id="infoPanel" class="panel">Info</div>
-               <div style="background-color: fuchsia; height: 60px; top: 70px;" id="contextPanel" class="panel">Context</div>
+    <div style="padding: 130px 0px 0px;" id="outerPanelSet" class="panel">
+        <div style="background-color: pink; height: 40px; top: 0px;" id="headerPanel" class="panel">Header</div>
+        <div style="background-color: salmon; height: 30px; top: 40px;" id="infoPanel" class="panel">Info</div>
+        <div style="background-color: fuchsia; height: 60px; top: 70px;" id="contextPanel" class="panel">Context</div>
 
-               <div style="padding: 0px 0px 0px 135px; position: relative;" id="contentPanelSet" class="panel">
-                       <div style="background-color: Purple; width: 135px; left: 0px;" id="navPanel" class="panel">Navigation</div>
-                       <div style="padding: 44px 0px 45px; position: relative;" id="contentPanelset" class="panel">
-                               <div style="background-color: indigo; height: 44px; top: 0px;" id="contentHeaderPanel" class="panel">Content Header</div>
-                               <div style="background-color: salmon; position: relative;" id="contentPanel" class="panel">Content</div>
-                               <div style="background-color: cornflowerblue; height: 45px; bottom: 0px; left: 0px;" id="contentFooterPanel" class="panel">Content Footer</div>
-                       </div>
-               </div>
-       </div>
+        <div style="padding: 0px 0px 0px 135px; position: relative;" id="contentPanelSet" class="panel">
+            <div style="background-color: Purple; width: 135px; left: 0px;" id="navPanel" class="panel">Navigation</div>
+            <div style="padding: 44px 0px 45px; position: relative;" id="contentPanelset" class="panel">
+                <div style="background-color: indigo; height: 44px; top: 0px;" id="contentHeaderPanel" class="panel">Content Header</div>
+                <div style="background-color: salmon; position: relative;" id="contentPanel" class="panel">Content</div>
+                <div style="background-color: cornflowerblue; height: 45px; bottom: 0px; left: 0px;" id="contentFooterPanel" class="panel">Content Footer</div>
+            </div>
+        </div>
+    </div>
 </body>
 </html>
index 86497bc..b3045c6 100644 (file)
@@ -1,42 +1,43 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
-       <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-       <title>Panelset</title>
-       <style type="text/css">
-               /* <![CDATA */
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title>Panelset</title>
+    <style type="text/css">
+        /* <![CDATA */
 
-               html { height: 100%; }
-               body{ margin: 0; height: 100%; }
+        html { height: 100%; }
+        body{ margin: 0; height: 100%; }
 
-               .panel{
-                       -moz-box-sizing: border-box;
-                       box-sizing: border-box;
-                       overflow: auto;
-                       position: absolute;
-                       height: 100%;
-                       width: 100%;
-               }
-               
-               /* ]]> */
-       </style>
+        .panel{
+            -moz-box-sizing: border-box;
+            -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+            overflow: auto;
+            position: absolute;
+            height: 100%;
+            width: 100%;
+        }
+        
+        /* ]]> */
+    </style>
 </head>
 <body>
-       <div style="padding: 130px 0px 0px;" id="outerPanelSet" class="panel">
-               <div style="background-color: pink; height: 40px; top: 0px;" id="headerPanel" class="panel">Header</div>
-               <div style="background-color: salmon; height: 30px; top: 40px;" id="infoPanel" class="panel">Info</div>
-               <div style="background-color: fuchsia; height: 60px; top: 70px;" id="contextPanel" class="panel">Context</div>
+    <div style="padding: 130px 0px 0px;" id="outerPanelSet" class="panel">
+        <div style="background-color: pink; height: 40px; top: 0px;" id="headerPanel" class="panel">Header</div>
+        <div style="background-color: salmon; height: 30px; top: 40px;" id="infoPanel" class="panel">Info</div>
+        <div style="background-color: fuchsia; height: 60px; top: 70px;" id="contextPanel" class="panel">Context</div>
 
-               <div style="padding: 0px 0px 0px 135px; position: relative;" id="contentPanelSet" class="panel">
-                       <div style="background-color: Purple; width: 135px; left: 0px;" id="navPanel" class="panel">Navigation</div>
-                       <div style="padding: 44px 0px 45px; position: relative;" id="contentPanelset" class="panel">
-                               <div style="background-color: indigo; height: 44px; top: 0px;" id="contentHeaderPanel" class="panel">Content Header</div>
-                               <div style="background-color: salmon; position: relative;" id="contentPanel" class="panel">Content</div>
-                               <div style="background-color: cornflowerblue; height: 45px; bottom: 0px; left: 0px;" id="contentFooterPanel" class="panel">Content Footer</div>
-                       </div>
-               </div>
-       </div>
+        <div style="padding: 0px 0px 0px 135px; position: relative;" id="contentPanelSet" class="panel">
+            <div style="background-color: Purple; width: 135px; left: 0px;" id="navPanel" class="panel">Navigation</div>
+            <div style="padding: 44px 0px 45px; position: relative;" id="contentPanelset" class="panel">
+                <div style="background-color: indigo; height: 44px; top: 0px;" id="contentHeaderPanel" class="panel">Content Header</div>
+                <div style="background-color: salmon; position: relative;" id="contentPanel" class="panel">Content</div>
+                <div style="background-color: cornflowerblue; height: 45px; bottom: 0px; left: 0px;" id="contentFooterPanel" class="panel">Content Footer</div>
+            </div>
+        </div>
+    </div>
 </body>
 </html>
index d3c6ea4..51ded9e 100644 (file)
@@ -8,7 +8,7 @@
         <style type="text/css">
 * {
     -moz-box-sizing: border-box;
-    -khtml-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 
index fdcb0ab..34ce0f4 100644 (file)
@@ -20,7 +20,6 @@ border-top-color: rgb(0, 0, 0);
 border-top-style: none;
 border-top-width: 0px;
 bottom: auto;
-box-sizing: content-box;
 caption-side: top;
 clear: none;
 color: rgb(0, 0, 0);
@@ -99,6 +98,7 @@ z-index: normal;
 -webkit-box-orient: horizontal;
 -webkit-box-pack: start;
 -webkit-box-shadow: none;
+-webkit-box-sizing: content-box;
 -webkit-column-break-after: auto;
 -webkit-column-break-before: auto;
 -webkit-column-break-inside: auto;
index cb4cb01..287e818 100644 (file)
@@ -1,4 +1,4 @@
-<table bgcolor=blue width=100 style="-moz-box-sizing:content-box; border: 20px solid black; padding:10px;" border>
+<table bgcolor=blue width=100 style="-moz-box-sizing:content-box; -webkit-box-sizing:content-box; border: 20px solid black; padding:10px;" border>
  <tr>
   <td>foo</td>
  </tr>
@@ -7,7 +7,7 @@
  </tr>
 </table>
 <BR>
-<table bgcolor=blue width=100 style="-moz-box-sizing:padding-box; border: 20px solid black; padding:10px;" border>
+<table bgcolor=blue width=100 style="-moz-box-sizing:padding-box; -webkit-box-sizing:content-box; border: 20px solid black; padding:10px;" border>
  <tr>
   <td>foo</td>
  </tr>
@@ -16,7 +16,7 @@
  </tr>
 </table>
 <BR>
-<table bgcolor=blue width=100 style="-moz-box-sizing:border-box; border: 20px solid black; padding:10px;" border>
+<table bgcolor=blue width=100 style="-moz-box-sizing:border-box; -webkit-box-sizing:content-box; border: 20px solid black; padding:10px;" border>
  <tr>
   <td>foo</td>
  </tr>
index d5285c4..ec5adf3 100644 (file)
@@ -1,3 +1,21 @@
+2007-04-23  Darin Adler  <darin@apple.com>
+
+        Reviewed by Hyatt.
+
+        - rename box-sizing to -webkit-box-sizing
+          because of <rdar://problem/4667227> REGRESSION: Shifted table on page at
+          https://us.etrade.com/e/t/home (due to box-sizing)
+
+        * css/CSSComputedStyleDeclaration.cpp:
+        (WebCore::CSSComputedStyleDeclaration::getPropertyCSSValue): Rename.
+        * css/CSSPropertyNames.in: Ditto.
+        * css/cssparser.cpp: (WebCore::CSSParser::parseValue): Rename and take out comment
+        explaining why we aren't prefacing with -webkit.
+        * css/cssstyleselector.cpp:
+        (WebCore::CSSStyleSelector::applyProperty): Rename.
+        * css/html4.css: Rename.
+        * css/quirks.css: Rename.
+
 2007-04-23  Alp Toker  <alp@atoker.com>
 
         Reviewed by Hyatt.
index 71c1c24..15a9ad3 100644 (file)
@@ -59,7 +59,6 @@ static const int computedProperties[] = {
     CSS_PROP_BORDER_TOP_STYLE,
     CSS_PROP_BORDER_TOP_WIDTH,
     CSS_PROP_BOTTOM,
-    CSS_PROP_BOX_SIZING,
     CSS_PROP_CAPTION_SIDE,
     CSS_PROP_CLEAR,
     CSS_PROP_COLOR,
@@ -139,6 +138,7 @@ static const int computedProperties[] = {
     CSS_PROP__WEBKIT_BOX_ORIENT,
     CSS_PROP__WEBKIT_BOX_PACK,
     CSS_PROP__WEBKIT_BOX_SHADOW,
+    CSS_PROP__WEBKIT_BOX_SIZING,
     CSS_PROP__WEBKIT_COLUMN_BREAK_AFTER,
     CSS_PROP__WEBKIT_COLUMN_BREAK_BEFORE,
     CSS_PROP__WEBKIT_COLUMN_BREAK_INSIDE,
@@ -1470,7 +1470,7 @@ PassRefPtr<CSSValue> CSSComputedStyleDeclaration::getPropertyCSSValue(int proper
             if (style->hasAutoZIndex())
                 return new CSSPrimitiveValue(CSS_VAL_NORMAL);
             return new CSSPrimitiveValue(style->zIndex(), CSSPrimitiveValue::CSS_NUMBER);
-        case CSS_PROP_BOX_SIZING:
+        case CSS_PROP__WEBKIT_BOX_SIZING:
             if (style->boxSizing() == CONTENT_BOX)
                 return new CSSPrimitiveValue(CSS_VAL_CONTENT_BOX);
             return new CSSPrimitiveValue(CSS_VAL_BORDER_BOX);
index 7e6f5a4..dad7d40 100644 (file)
@@ -39,7 +39,6 @@ border-top-style
 border-top-width
 border-width
 bottom
-box-sizing
 caption-side
 clear
 clip
@@ -165,6 +164,7 @@ z-index
 -webkit-box-orient
 -webkit-box-pack
 -webkit-box-shadow
+-webkit-box-sizing
 -webkit-column-break-after
 -webkit-column-break-before
 -webkit-column-break-inside
index 1dd6964..43f26a5 100644 (file)
@@ -1184,14 +1184,9 @@ bool CSSParser::parseValue(int propId, bool important)
     case CSS_PROP__WEBKIT_BOX_ORDINAL_GROUP:
         valid_primitive = validUnit(value, FInteger|FNonNeg, true);
         break;
-    case CSS_PROP_BOX_SIZING: {
-        // We don't preface this with -webkit, since MacIE defined this property without the prefix.
-        // Thus the damage has been done, and it's known that this property's definition isn't going
-        // to fluctuate.
-        if (id == CSS_VAL_BORDER_BOX || id == CSS_VAL_CONTENT_BOX)
-            valid_primitive = true;
+    case CSS_PROP__WEBKIT_BOX_SIZING:
+        valid_primitive = id == CSS_VAL_BORDER_BOX || id == CSS_VAL_CONTENT_BOX;
         break;
-    }
     case CSS_PROP__WEBKIT_MARQUEE: {
         const int properties[5] = { CSS_PROP__WEBKIT_MARQUEE_DIRECTION, CSS_PROP__WEBKIT_MARQUEE_INCREMENT,
                                     CSS_PROP__WEBKIT_MARQUEE_REPETITION,
index ae59d95..669cbe9 100644 (file)
@@ -3890,7 +3890,7 @@ void CSSStyleSelector::applyProperty(int id, CSSValue *value)
             return; // Error case.
         style->setBoxOrdinalGroup((unsigned int)(primitiveValue->getFloatValue()));
         return;
-    case CSS_PROP_BOX_SIZING:
+    case CSS_PROP__WEBKIT_BOX_SIZING:
         HANDLE_INHERIT_AND_INITIAL(boxSizing, BoxSizing)
         if (!primitiveValue) return;
         if (primitiveValue->getIdent() == CSS_VAL_CONTENT_BOX)
index 1f09fb0..64748b7 100644 (file)
@@ -2,7 +2,7 @@
  * The default style sheet used to render HTML.
  *
  * Copyright (C) 2000 Lars Knoll (knoll@kde.org)
- * Copyright (C) 2003, 2004, 2005, 2006 Apple Computer, Inc.
+ * Copyright (C) 2003, 2004, 2005, 2006, 2007 Apple Inc. All rights reserved.
  *
  * This library is free software; you can redistribute it and/or
  * modify it under the terms of the GNU Library General Public
@@ -326,7 +326,7 @@ input, input[type="password"], input[type="search"], isindex {
 
 input[type="search"] {
     -webkit-appearance: searchfield;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
 }
 
 input[type="search"]::-webkit-search-cancel-button {
@@ -397,7 +397,7 @@ input[type="button"], input[type="submit"], input[type="reset"], input[type="fil
     padding: 2px 6px 3px 6px;
     border: 2px outset ButtonFace;
     background-color: ButtonFace;
-    box-sizing: border-box
+    -webkit-box-sizing: border-box
 }
 
 input[type="range"] {
@@ -435,17 +435,17 @@ area, param {
 
 input[type="checkbox"] {
     -webkit-appearance: checkbox;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
 }
 
 input[type="radio"] {
     -webkit-appearance: radio;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
 }
 
 keygen, select {
     -webkit-appearance: menulist;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     -webkit-box-align: center;
     border: 1px solid;
     -webkit-border-radius: 5px;
@@ -460,7 +460,7 @@ select[size],
 select[multiple],
 select[size][multiple] {
     -webkit-appearance: listbox;
-    box-sizing: initial;
+    -webkit-box-sizing: initial;
     -webkit-box-align: start;
     border: 1px inset gray;
     -webkit-border-radius: initial;
@@ -470,7 +470,7 @@ select[size][multiple] {
 select[size="0"],
 select[size="1"] {
     -webkit-appearance: menulist;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     -webkit-box-align: center;
     border: 1px solid;
     -webkit-border-radius: 5px;
index 271f278..34e1a6a 100644 (file)
@@ -2,7 +2,7 @@
  * Additonal style sheet used to render HTML pages in quirks mode.
  *
  * Copyright (C) 2000-2003 Lars Knoll (knoll@kde.org)
- * Copyright (C) 2004, 2006 Apple Computer, Inc.
+ * Copyright (C) 2004, 2006, 2007 Apple Inc. All rights reserved.
  *
  * This library is free software; you can redistribute it and/or
  * modify it under the terms of the GNU Library General Public
@@ -44,5 +44,5 @@ table {
 
 /* This will apply only to text fields, since all other inputs already use border box sizing */
 input:not([type=image]), textarea {
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
 }
index c2ecb23..3b42503 100644 (file)
@@ -1,3 +1,12 @@
+2007-04-23  Darin Adler  <darin@apple.com>
+
+        Reviewed by Hyatt.
+
+        - rename box-sizing to -webkit-box-sizing
+
+        * WebInspector/webInspector/inspector.css: Here.
+        * WebInspector/webInspector/inspector.js: And here, in the expected default CSS values list.
+
 2007-04-22  Timothy Hatcher  <timothy@apple.com>
 
         Reviewed by Darin.
index 14db7ea..62135ea 100644 (file)
@@ -223,7 +223,7 @@ button {
     border-color: transparent;
     border-style: solid;
     -webkit-border-image: url(Images/button.png) 4 6 6 6;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     line-height: 5px;
     height: 20px;
     background-color: transparent;
@@ -266,7 +266,7 @@ select {
     border-color: transparent;
     border-style: solid;
     -webkit-border-image: url(Images/popup.png) 4 16 6 6;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     line-height: 5px;
     height: 20px;
     background-color: transparent;
@@ -791,7 +791,7 @@ ol#treeOutline {
     padding: 0px 5px 2px 18px;
     background-color: transparent;
     border: 2px solid transparent;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     color: white;
     font-weight: bold;
     text-shadow: black 2px 2px;
index 2a69038..9adea52 100644 (file)
@@ -54,6 +54,7 @@ var typicalStylePropertyValue = {
     "-webkit-box-orient": "horizontal",
     "-webkit-box-pack": "start",
     "-webkit-box-shadow": "none",
+    "-webkit-box-sizing": "content-box",
     "-webkit-column-break-after" : "auto",
     "-webkit-column-break-before" : "auto",
     "-webkit-column-break-inside" : "auto",
@@ -102,7 +103,6 @@ var typicalStylePropertyValue = {
     "border-top-style": "none",
     "border-top-width": "0px",
     "bottom": "auto",
-    "box-sizing": "content-box",
     "caption-side": "top",
     "clear": "none",
     "color": "rgb(0, 0, 0)",
index da20bd0..578767f 100644 (file)
@@ -1,3 +1,13 @@
+2007-04-23  Darin Adler  <darin@apple.com>
+
+        Reviewed by Hyatt.
+
+        - rename box-sizing to -webkit-box-sizing
+
+        * Drosera/console.css: Here.
+        * Drosera/debugger.css: And here.
+        * Drosera/viewer.css: And here.
+
 2007-04-21  Mitz Pettel  <mitz@webkit.org>
 
         Reviewed by Darin.
index eee2839..d87059a 100644 (file)
@@ -68,7 +68,7 @@ body { margin: 0; padding: 0; overflow: hidden; }
 
 #input {
     position: absolute;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     height: 50px;
     max-height: 150px;
     left: 0;
@@ -88,7 +88,7 @@ body { margin: 0; padding: 0; overflow: hidden; }
 #history .row {
     min-height: 38px;
     padding: 4px;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     font-family: monospace;
     font-size: 12px;
 }
index e8dd238..f15d572 100644 (file)
@@ -41,9 +41,9 @@ iframe { border: none; }
 #body { position: absolute; top: 175px; left: 0; right: 0; bottom: 0; }
 #sourcesContainer { position: absolute; top: 16px; left: 0; right: 0; bottom: 21px; background-color: white; }
 #sources { width: 100%; height: 100% }
-#header { vertical-align: top; height: 16px; box-sizing: border-box; border-bottom: 1px solid #aaa; background: url(glossyHeader.png) repeat-x; position: absolute; top: 0; left: 0; right: 0; }
+#header { vertical-align: top; height: 16px; -webkit-box-sizing: border-box; border-bottom: 1px solid #aaa; background: url(glossyHeader.png) repeat-x; position: absolute; top: 0; left: 0; right: 0; }
 #header > * { vertical-align: top; }
-.footer { height: 21px; box-sizing: border-box; border-top: 1px solid #aaa; background: url(glossyFooterFill.tif) repeat-x; position: absolute; bottom: 0; left: 0; right: 0; }
+.footer { height: 21px; -webkit-box-sizing: border-box; border-top: 1px solid #aaa; background: url(glossyFooterFill.tif) repeat-x; position: absolute; bottom: 0; left: 0; right: 0; }
 #infoDivider { position: absolute; z-index: 10; right: 0; left: 0; top: 0; bottom: 9px; width: 10px; cursor: col-resize; background: url(verticalSplitterDimple.tiff) 50% no-repeat, url(verticalSplitterBar.tiff) repeat-y; width: 10px; }
 
 #filesBrowserSites {
@@ -263,7 +263,7 @@ table {
 td {
     padding: 3px 7px 3px 9px;
     height: 15px;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     -webkit-user-select: none;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -304,7 +304,7 @@ tr.current {
     background: url(glossyHeader.png) repeat-x;
     border-right: 1px solid #d9d9d9;
     height: 15px;
-    box-sizing: border-box; 
+    -webkit-box-sizing: border-box; 
     border-bottom: 1px solid #aaa;
     font-weight: normal;
     vertical-align: middle;
index dec55d6..aaac7a9 100644 (file)
@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2006 Apple Computer, Inc.  All rights reserved.
+ * Copyright (C) 2006, 2007 Apple Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
@@ -30,7 +30,7 @@ body { background-image: url(gutter.png); background-repeat: repeat-y; margin: 0
 img { padding: 0; margin: 0; }
 
 table { border-spacing: 0; padding: 0; margin: 0; width: 100%; }
-.gutter { -webkit-user-select: none; cursor: default; width: 32px; min-width: 32px; max-width: 32px; box-sizing: border-box; font-size: 9px; font-family: Helvetica; color: #888; text-align: right; padding-right: 4px; }
+.gutter { -webkit-user-select: none; cursor: default; width: 32px; min-width: 32px; max-width: 32px; -webkit-box-sizing: border-box; font-size: 9px; font-family: Helvetica; color: #888; text-align: right; padding-right: 4px; }
 .source { font-family: Monaco, monospace; white-space: pre; padding-left: 4px; padding-right: 4px; font-size: 11px; line-height: 14px; }
 
 .keyword { color: #8b0053 }