Merge pull request #1110 from NullVoxPopuli/ember-6-browser-policy

Ember 6 browser policy
ember-learn · Dec 17, 2024 · 413b59f · 413b59f
2 parents 16e33ad + 6203968
commit 413b59f
Showing 1 changed file with 37 additions and 8 deletions.
diff --git a/app/templates/browser-support.hbs b/app/templates/browser-support.hbs
@@ -42,23 +42,52 @@
       we support all major versions above that version.
     </p>
 
-    <p class="mb-3">
+    <p>
       Note: Within a major version of a browser, we only support the most recent patch release.
     </p>
 
-    <EsNote @mascot='zoey'>
-      As of
-      the RFC <a href="https://rfcs.emberjs.com/id/0984-update-browser-support-policy">Treat Safari as an Evergreen Browser</a>,
-      at version 6.0.0 of Ember, Safari will be considered evergreen so the minimum supported Safari version will change based on the above formula.
-    </EsNote>
-
-    <p class="mt-3">
+    <p>
       Other browsers may work with Ember.js, but are not explicitly supported. If you
       would like to add support for a new browser, please <a href="https://github.com/emberjs/rfcs">submit an RFC for discussion</a>!
     </p>
 
     <h2>Browser Support by Major Ember Version</h2>
 
+    <h3>Ember 6.x</h3>
+
+    <p>
+      As of
+      the RFC <a href="https://rfcs.emberjs.com/id/0984-update-browser-support-policy">Treat Safari as an Evergreen Browser</a>,
+      Safari is considered evergreen so the minimum supported Safari has changed.
+    </p>
+
+    <ul class="list-unstyled layout my-3">
+      <EsCard class="lg:col-2">
+        <div class="text-center text-md">Desktop</div>
+        <ul>
+          <li>Google Chrome >= 103</li>
+          <li>Mozilla Firefox >= 115</li>
+          <li>Microsoft Edge >= 122</li>
+          <li>Safari >= 16.6</li>
+        </ul>
+      </EsCard>
+      <EsCard class="lg:col-2">
+        <div class="text-center text-md">Mobile</div>
+        <ul>
+          <li>Google Chrome >= 124</li>
+          <li>Mozilla Firefox >= 125</li>
+          <li>Safari >= 15.6</li>
+        </ul>
+      </EsCard>
+      <EsCard class="lg:col-2">
+        <div class="text-center text-md">Testing</div>
+        <ul>
+          <li>Google Chrome</li>
+          <li>Mozilla Firefox</li>
+        </ul>
+      </EsCard>
+    </ul>
+
     <h3>Ember 5.x</h3>
 
     <ul class="list-unstyled layout my-3">