Still allow mouse under the overlay

Author: craigiswayne

resume-generator/template.pug

@@ -97,8 +97,8 @@ html(lang="en")
             span= skill
               if index < sorted_skills.length - 1
                 | ,
-      .overlay
-        .action-bar.no-print
+      .overlay.no-print
+        .action-bar
           button(onclick="window.print()")
             svg(xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='#000000' viewbox='0 0 256 256')
               path(d='M214.67,72H200V40a8,8,0,0,0-8-8H64a8,8,0,0,0-8,8V72H41.33C27.36,72,16,82.77,16,96v80a8,8,0,0,0,8,8H56v32a8,8,0,0,0,8,8H192a8,8,0,0,0,8-8V184h32a8,8,0,0,0,8-8V96C240,82.77,228.64,72,214.67,72ZM72,48H184V72H72ZM184,208H72V160H184Zm40-40H200V152a8,8,0,0,0-8-8H64a8,8,0,0,0-8,8v16H32V96c0-4.41,4.19-8,9.33-8H214.67c5.14,0,9.33,3.59,9.33,8Zm-24-52a12,12,0,1,1-12-12A12,12,0,0,1,200,116Z')

src/public/resume/styles.css

@@ -32,6 +32,7 @@ body {
     left: 0;
     width: 100%;
     height: 100%;
+    pointer-events: none;
 }
 
 h1, h2, h3, h4, p {
@@ -225,6 +226,7 @@ ul li::marker {
     position: sticky;
     max-width: 40px;
     margin-left: auto;
+    pointer-events: all;
 }
 
 .action-bar > * {