Update browser requirements

Thibaut · Thibaut · commit 847cfbb682c3 · 2018-10-08T18:08:23.000-04:00
diff --git a/README.md b/README.md
@@ -64,14 +64,10 @@ Another driving factor is performance and the fact that everything happens in th
 
 DevDocs being a developer tool, the browser requirements are high:
 
-1. On the desktop:
-  * Recent version of Chrome, Firefox, or Opera
-  * Safari 8+
-  * IE / Edge 10+
-2. On mobile:
-  * iOS 8+
-  * Android 4.1+
-  * Windows Phone 8+
+* Recent versions of Firefox, Chrome, or Opera
+* Safari 9.1+
+* Edge 16+
+* iOS 10+
 
 This allows the code to take advantage of the latest DOM and HTML5 APIs and make developing DevDocs a lot more fun!
 
diff --git a/assets/javascripts/app/app.coffee b/assets/javascripts/app/app.coffee
@@ -245,7 +245,7 @@
         matchMedia:         !!window.matchMedia
         insertAdjacentHTML: !!document.body.insertAdjacentHTML
         defaultPrevented:     document.createEvent('CustomEvent').defaultPrevented is false
-        cssGradients:         supportsCssGradients()
+        cssVariables:         CSS.supports and CSS.supports('--t:0')
 
       for key, value of features when not value
         Raven.captureMessage "unsupported/#{key}", level: 'info'
@@ -268,9 +268,4 @@
   isInvalidLocation: ->
     @config.env is 'production' and location.host.indexOf(app.config.production_host) isnt 0
 
-supportsCssGradients = ->
-  el = document.createElement('div')
-  el.style.cssText = "background-image: -webkit-linear-gradient(top, #000, #fff); background-image: linear-gradient(to top, #000, #fff);"
-  el.style.backgroundImage.indexOf('gradient') >= 0
-
 $.extend app, Events
diff --git a/assets/javascripts/templates/error_tmpl.coffee b/assets/javascripts/templates/error_tmpl.coffee
@@ -56,13 +56,10 @@ app.templates.unsupportedBrowser = """
     <h1 class="_fail-title">Your browser is unsupported, sorry.</h1>
     <p class="_fail-text">DevDocs is an API documentation browser which supports the following browsers:
     <ul class="_fail-list">
-      <li>Recent versions of Chrome and Firefox
-      <li>Safari 5.1+
-      <li>Opera 12.1+
-      <li>Internet Explorer 10+
-      <li>iOS 6+
-      <li>Android 4.1+
-      <li>Windows Phone 8+
+      <li>Recent versions of Firefox, Chrome, or Opera
+      <li>Safari 9.1+
+      <li>Edge 16+
+      <li>iOS 10+
     </ul>
     <p class="_fail-text">
       If you're unable to upgrade, I apologize.
diff --git a/views/unsupported.erb b/views/unsupported.erb
@@ -10,13 +10,10 @@
     <h1 class="_fail-title">Your browser is unsupported, sorry.</h1>
     <p class="_fail-text">DevDocs is an API documentation browser which supports the following browsers:</p>
     <ul class="_fail-list">
-      <li>Recent versions of Chrome and Firefox</li>
-      <li>Safari 5.1+</li>
-      <li>Opera 12.1+</li>
-      <li>Internet Explorer 10+</li>
-      <li>iOS 6+</li>
-      <li>Android 4.1+</li>
-      <li>Windows Phone 8+</li>
+      <li>Recent versions of Firefox, Chrome, or Opera</li>
+      <li>Safari 9.1+</li>
+      <li>Edge 16+</li>
+      <li>iOS 10+</li>
     </ul>
     <p class="_fail-text">
       If you're unable to upgrade, I apologize.
