update Client Hints status

passkeydeveloper · Sep 19, 2024 · fb66bde · fb66bde
1 parent 1615b95
commit fb66bde
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 27 deletions.
diff --git a/content/device-support/_index.md b/content/device-support/_index.md
@@ -484,49 +484,49 @@ Passkeys created in **macOS** can be used on:
                 <a href="https://w3c.github.io/webauthn/#enum-hints" target="_blank">Client Hints</a>
             </td>
             <td class="text-center">
+              {{< icon-circle-half stroke="orange" size=30 >}}
+              <br />
+              <span class="fs-6">Chrome 128+ <sup><a href="#fn5">5</a></sup></span>
+              <br />
+              <span class="fs-6">Edge 128+ <sup><a href="#fn5">5</a></sup></span>
+              <br />
+              <br />
               {{< icon-circle-x-filled fill="red" size=30 >}}
               <br />
-              <span class="fs-6 text-muted">Not Supported</span>
+              Firefox
+              </span>
             </td>
             <td class="text-center">
-              {{< icon-circle-check-filled fill="green" size=30 >}}
+              {{< icon-circle-half stroke="orange" size=30 >}}
               <br>
-              <span class="fs-6">128+</span>
+              <span class="fs-6">128+ <sup><a href="#fn5">5</a></sup></span>
             </td>
             <td class="text-center">
               {{< icon-circle-x-filled fill="red" size=30 >}}
               <br />
               <span class="fs-6 text-muted">Not Supported</span>
             </td>
             <td class="text-center">
-              {{< icon-circle-check-filled fill="green" size=30 >}}
-              <br />
-              <span class="fs-6">Chrome 128+</span>
-              <br />
+              {{< icon-circle-half stroke="orange" size=30 >}}
               <br />
-              {{< icon-settings-code size=30 >}}
-              <span class="fs-6">
+              <span class="fs-6">Chrome 128+ <sup><a href="#fn5">5</a></sup></span>
               <br />
-              Edge <sup><a href="#fn4">4</a></sup>
+              <span class="fs-6">Edge 128+ <sup><a href="#fn5">5</a></sup></span>
               <br />
               <br />
               {{< icon-circle-x-filled fill="red" size=30 >}}
               <br />
-              Safari
-              <br />
               Firefox
+              <br />
+              Safari
               </span>
             </td>
             <td class="text-center">
-              {{< icon-circle-check-filled fill="green" size=30 >}}
-              <br />
-              <span class="fs-6">Chrome 128+</span>
-              <br />
+              {{< icon-circle-half stroke="orange" size=30 >}}
               <br />
-              {{< icon-settings-code size=30 >}}
-              <span class="fs-6">
+              <span class="fs-6">Chrome 128+ <sup><a href="#fn5">5</a></sup></span>
               <br />
-              Edge <sup><a href="#fn4">4</a></sup>
+              <span class="fs-6">Edge 128+ <sup><a href="#fn5">5</a></sup></span>
               <br />
               <br />
               {{< icon-circle-x-filled fill="red" size=30 >}}
@@ -537,15 +537,11 @@ Passkeys created in **macOS** can be used on:
               </span>
             </td>
             <td class="text-center">
-              {{< icon-circle-check-filled fill="green" size=30 >}}
-              <br />
-              <span class="fs-6">Chrome 128+</span>
-              <br />
+              {{< icon-circle-half stroke="orange" size=30 >}}
               <br />
-              {{< icon-settings-code size=30 >}}
-              <span class="fs-6">
+              <span class="fs-6">Chrome 128+ <sup><a href="#fn5">5</a></sup></span>
               <br />
-              Edge <sup><a href="#fn4">4</a> <a href="#fn5">5</a></sup>
+              <span class="fs-6">Edge 128+ <sup><a href="#fn5">5</a></sup></span>
               <br />
               <br />
               {{< icon-circle-x-filled fill="red" size=30 >}}
@@ -694,7 +690,7 @@ Passkeys created in **macOS** can be used on:
   Experimental (behind flag)
   <br />
   <sup id="fn5">5</sup>
-  Partial support (requires Windows changes)
+  Partial support
   <br />
   <sup id="fn6">6</sup>
   See details on the <a href="/docs/reference/android/#webviews" target="_blank">Android reference page</a>

diff --git a/layouts/shortcodes/icon-circle-half.html b/layouts/shortcodes/icon-circle-half.html
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" title="Half circle" aria-label="Half circle" class="icon icon-tabler icon-tabler-circle-half-2" 
+    width="{{ if .Get "size" }}{{ .Get "size" }}{{ else }}24{{ end }}" height="{{ if .Get "size" }}{{ .Get "size" }}{{ else }}24{{ end }}" viewBox="0 0 24 24" stroke-width="1.5" stroke="{{ if .Get "stroke" }}{{ .Get "stroke" }}{{ else }}currentColor{{ end }}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+    <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
+    <path d="M12 3v18" />
+    <path d="M12 14l7 -7" />
+    <path d="M12 19l8.5 -8.5" />
+    <path d="M12 9l4.5 -4.5" />
+  </svg>