chore: add note about compatibility

bsmth · bsmth · commit 921d4cdbb8cf · 2022-09-01T10:41:36.000+02:00
diff --git a/web-workers/offscreen-canvas-worker/index.html b/web-workers/offscreen-canvas-worker/index.html
@@ -10,6 +10,13 @@
   <body>
     <header>
       <h1>OffscreenCanvas and worker threads</h1>
+      <p>
+        <b>Note:</b> your browser must support
+        <a
+          href="https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas"
+          ><code>OffscreenCanvas</code></a
+        >.
+      </p>
       <p>This example has two canvases with incrementing counters.</p>
 
       <p>
@@ -55,15 +62,15 @@ <h1>OffscreenCanvas and worker threads</h1>
       </div>
       <div id="canvas-description">
         <p>
-          <b>When the main thread is blocked</b>, all UI elements are frozen.
-          The hover effect on buttons is affected like this one:
+          <b>When the main thread is blocked</b>, all UI elements are frozen.<br />
+          The hover effect on buttons is also blocked:
         </p>
         <button>Example button</button>
         <p>
           <b>When the worker thread is blocked</b>, the main thread is free to
           do work such as the element hover effects and animations. Blocking the
           worker thread will still prevent Canvas B's counter from being
-          updated, but the UI stays responsive while this happens.
+          updated, but the rest of the UI stays responsive while this is true.
         </p>
       </div>
 
diff --git a/web-workers/offscreen-canvas-worker/style.css b/web-workers/offscreen-canvas-worker/style.css
@@ -52,10 +52,6 @@ canvas:hover {
 
 #canvas-description  {
   max-width: 50%;
-  text-align: center;
-}
-
-#canvas-description>p {
   text-align: left;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -52,10 +52,6 @@ canvas:hover {`
`52`	`52`
`53`	`53`	`#canvas-description {`
`54`	`54`	`max-width: 50%;`
`55`		`- text-align: center;`
`56`		`-}`
`57`		`-`
`58`		`-#canvas-description>p {`
`59`	`55`	`text-align: left;`
`60`	`56`	`}`
`61`	`57`