Buttons for preformatted text data missing

Feedback Forum
4

Firefox HTML/CSS inspection shows buttons set to opacity:0 and visibility:hidden if min-width: 40rem:

<button class="btn nohighlight copy-cmd btn-flat" aria-label="copy code to clipboard"><svg class="fa d-icon d-icon-copy svg-icon fa-width-auto svg-string" width="1em" height="1em" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#copy"></use></svg></button>

@media (min-width: 40rem) {
  .codeblock-buttons .copy-cmd:not(.action-complete), {
    opacity: 0;
    transition: .2s;
    visibility: hidden;
  }
}

<button class="btn nohighlight fullscreen-cmd btn-flat" aria-label="show code in full screen"><svg class="fa d-icon d-icon-discourse-expand svg-icon fa-width-auto svg-string" width="1em" height="1em" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#discourse-expand"></use></svg></button>

@media (min-width: 40rem) {
  .codeblock-buttons .fullscreen-cmd:not(.action-complete) {
    opacity: 0;
    transition: .2s;
    visibility: hidden;
  }
}

Buttons can be made visible again using this CSS override

@media (min-width: 40rem) {
  .codeblock-buttons .copy-cmd:not(.action-complete), .codeblock-buttons .fullscreen-cmd:not(.action-complete) {
    opacity: 1;
    visibility: visible;
  }
}