Add InProgress status and mark float/clear as InProgress

Author: nicoburns

data/css-property-groups.json

@@ -57,8 +57,8 @@
           { "value": "counter", "status": "No" }
         ]
       },
-      { "name": "float", "status": "No", "issues": ["DioxusLabs/taffy#437", "linebender/parley#99"] },
-      { "name": "clear", "status": "No", "issues": ["DioxusLabs/taffy#437", "linebender/parley#99"] },
+      { "name": "float", "status": "InProgress", "issues": ["DioxusLabs/taffy#437", "linebender/parley#99"] },
+      { "name": "clear", "status": "InProgress", "issues": ["DioxusLabs/taffy#437", "linebender/parley#99"] },
       { "name": "order", "status": "Yes" },
       { "name": "zoom", "status": "No" }
     ]

src/routes/support_matrix.rs

@@ -198,6 +198,7 @@ pub enum PropStatus {
     Yes,
     No,
     Partial,
+    InProgress,
 }
 
 impl PropStatus {
@@ -206,6 +207,7 @@ impl PropStatus {
             Self::Yes => "✅ Supported",
             Self::No => "❌ Not supported",
             Self::Partial => "⚠️ Partial support",
+            Self::InProgress => "🚧 In Progress",
         }
     }
 }
@@ -216,6 +218,7 @@ impl PropStatus {
             Self::Yes => "css-prop--supported",
             Self::No => "css-prop--not-supported",
             Self::Partial => "css-prop--partial-support",
+            Self::InProgress => "css-prop--in-progress",
         }
     }
 }

static/index.css

@@ -320,6 +320,10 @@ table td {
   background: rgba(242, 165, 59, 0.3);
 }
 
+.css-prop--in-progress {
+  background: rgba(76, 32, 234, 0.3);
+}
+
 .css-prop--split-by-value {
   background: rgba(244, 232, 210, 0.3);
 }

styles/table.scss

@@ -46,6 +46,10 @@ table {
     background: rgba(242, 165, 59, 0.3);
 }
 
+.css-prop--in-progress {
+    background: rgba(76, 32, 234, 0.3);
+}
+
 .css-prop--split-by-value {
     background: rgba(244, 232, 210, 0.3);
 }