Merge pull request #579 from XzenTorXz/master

added hide-error button

src/Whoops/Resources/css/whoops.base.css

@@ -414,12 +414,9 @@ pre:not(.prettyprinted) {
   display: none;
 }
 
-#copy-button {
+.rightButton {
   cursor: pointer;
   border: 0;
-}
-
-.clipboard {
   opacity: .8;
   background: none;
 
@@ -431,7 +428,7 @@ pre:not(.prettyprinted) {
   outline: none !important;
 }
 
-  .clipboard:hover {
+  .rightButton:hover {
     box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
     color: rgba(255, 255, 255, 0.3);
   }

src/Whoops/Resources/views/header.html.php

@@ -86,8 +86,11 @@
     </ul>
 
     <span id="plain-exception"><?php echo $tpl->escape($plain_exception) ?></span>
-    <button id="copy-button" class="clipboard" data-clipboard-text="<?php echo $tpl->escape($plain_exception) ?>" title="Copy exception details to clipboard">
+    <button id="copy-button" class="rightButton clipboard" data-clipboard-text="<?php echo $tpl->escape($plain_exception) ?>" title="Copy exception details to clipboard">
       COPY
     </button>
+    <button id="hide-error" class="rightButton" title="Hide error message" onclick="document.getElementsByClassName('Whoops')[0].style.display = 'none';">
+      HIDE
+    </button>
   </div>
 </div>