Hide debug button when printing

This commit is contained in:
Kijin Sung 2020-08-27 21:29:35 +09:00
parent b24cccc52e
commit 33a3e60ac0
2 changed files with 7 additions and 1 deletions

View file

@ -234,6 +234,12 @@ a img {
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.18), 0 0 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.18), 0 0 6px 0 rgba(0, 0, 0, 0.12);
z-index: 1073741824; z-index: 1073741824;
&.visible {
display: block;
@media print {
display: none;
}
}
&:hover { &:hover {
background: #dddddd; background: #dddddd;
background: linear-gradient(to bottom, #e8e8e8 0%, #d9d9d9 100%); background: linear-gradient(to bottom, #e8e8e8 0%, #d9d9d9 100%);

View file

@ -15,7 +15,7 @@ $(function() {
// Find debug panel elements. // Find debug panel elements.
var panel = $("#rhymix_debug_panel"); var panel = $("#rhymix_debug_panel");
var button = $("#rhymix_debug_button").show(); var button = $("#rhymix_debug_button").addClass('visible');
// Initialize the debug button. // Initialize the debug button.
var button_link = $('<a href="#"></a>').text("DEBUG").appendTo(button).click(function(event) { var button_link = $('<a href="#"></a>').text("DEBUG").appendTo(button).click(function(event) {