Fix error notifications in gallery another way.

src/General/css/style.css

@@ -132,7 +132,7 @@ hr + div.center:not(.ad-cnt):not(.topad):not(.middlead):not(.bottomad) {
 #navlinks, #updater, #thread-stats {
   z-index: 40;
 }
-.fixed #header-bar.autohide {
+:root.fixed #header-bar {
   z-index: 35;
 }
 #qr {
@@ -144,9 +144,6 @@ hr + div.center:not(.ad-cnt):not(.topad):not(.middlead):not(.bottomad) {
 :root.fixed-watcher #thread-watcher {
   z-index: 20;
 }
-.fixed #header-bar {
-  z-index: 10;
-}
 /* Header */
 .fixed.top-header body {
   padding-top: 2em;
@@ -288,8 +285,10 @@ hr + div.center:not(.ad-cnt):not(.topad):not(.middlead):not(.bottomad) {
   right: 0;
   left: 0;
   transition: all .8s .6s cubic-bezier(.55, .055, .675, .19);
+  visibility: visible;
 }
-.fixed.top-header #header-bar #notifications {
+:root.fixed.top-header:not(.gallery-open) #header-bar #notifications,
+:root.fixed.top-header #header-bar.autohide #notifications {
   position: absolute;
   top: 100%;
 }
@@ -1647,6 +1646,11 @@ div.boardTitle {
 .field[name="Slide Delay"] {
   width: 4em;
 }
+:root.gallery-open.fixed #header-bar:not(.autohide),
+:root.gallery-open.fixed #header-bar:not(.autohide) .fa::before {
+  visibility: hidden;
+}
+
 @media screen and (resolution: 1dppx) {
  .fa-bars {
     font-size: 14px;

src/Images/Gallery.coffee

@@ -78,6 +78,7 @@ Gallery =
         candidate = post.file.thumb.parentNode
         if Header.getTopOf(candidate) + candidate.getBoundingClientRect().height >= 0
           image = candidate
+    $.addClass doc, 'gallery-open'
     $.add d.body, dialog
 
     nodes.thumbs.scrollTop = 0
@@ -259,6 +260,7 @@ Gallery =
     close: ->
       Gallery.nodes.current.pause?()
       $.rm Gallery.nodes.el
+      $.rmClass doc, 'gallery-open'
       delete Gallery.nodes
       delete Gallery.fullIDs
       doc.style.overflow = ''