dbxe
/
fusionpbx
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove display none use zindex

This commit is contained in:
FusionPBX 2023-07-03 12:55:07 -06:00 committed by GitHub
parent 999858e01c
commit 408247599b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
app/devices/device_edit.php
View File

@ -835,26 +835,20 @@
//html image //html image
if (!empty($content) && !empty($image)) { if (!empty($content) && !empty($image)) {
echo "<script>\n"; echo "<script>\n";
echo "\n"; echo "\n";
echo " function fade_in(id) {\n"; echo " function fade_in(id) {\n";
echo " var image_container = document.getElementById(id);\n"; echo " var image_container = document.getElementById(id);\n";
echo " image_container.style.opacity = '1';\n"; echo " image_container.style.opacity = 1;\n";
echo " image_container.style.zIndex = '999999';\n"; echo " image_container.style.zIndex = 999999;\n";
echo " image_container.style.display = 'block';\n";
echo " }\n"; echo " }\n";
echo "\n"; echo "\n";
echo " function fade_out(id) {\n"; echo " function fade_out(id) {\n";
echo " var image_container = document.getElementById(id);\n"; echo " var image_container = document.getElementById(id);\n";
echo " image_container.style.opacity = '0';\n"; echo " image_container.style.opacity = 0;\n";
echo " image_container.style.zIndex = '0';\n"; echo " setTimeout(function () {\n";
echo " setTimeout(display_none, 1000);\n"; echo " document.getElementById('image-container').style.zIndex = -1;\n";
echo " }\n"; echo " }, 1000);\n";
echo "\n";
echo " function display_none() {\n";
echo " var image_container = document.getElementById('image-container');\n";
echo " image_container.style.display = 'none';\n";
echo " }\n"; echo " }\n";
echo "\n"; echo "\n";
echo "</script>\n"; echo "</script>\n";
@ -863,26 +857,24 @@
echo "<style>\n"; echo "<style>\n";
echo "\n"; echo "\n";
echo " #image-container {\n"; echo " #image-container {\n";
echo " z-index: = 0;\n"; echo " z-index: -1;\n";
echo " position: absolute;\n"; echo " position: absolute;\n";
echo " top: 50%;\n"; echo " top: 50%;\n";
echo " left: 50%;\n"; echo " left: 50%;\n";
echo " transform: translate(-50%, -50%);\n"; echo " transform: translate(-50%, -50%);\n";
echo " opacity: 0;\n"; echo " opacity: 0;\n";
echo " transition: opacity 1s;\n"; echo " transition: opacity 1s;\n";
echo " display: none;\n";
echo " }\n"; echo " }\n";
echo "\n"; echo "\n";
echo " #qr_code {\n"; echo " img#qr_code {\n";
echo " width: 650px;\n"; echo " width: 100%;\n";
echo " height: 650px;\n"; echo " max-width: 650px;\n";
echo " min-width: 300px;\n";
echo " height: auto;\n";
echo " -webkit-box-shadow: 0px 1px 20px #888;\n"; echo " -webkit-box-shadow: 0px 1px 20px #888;\n";
echo " -moz-box-shadow: 0px 1px 20px #888;\n"; echo " -moz-box-shadow: 0px 1px 20px #888;\n";
echo " box-shadow: 0px 1px 20px #888;\n"; echo " box-shadow: 0px 1px 20px #888;\n";
echo " }\n"; echo " border: 45px solid white;\n";
echo "\n";
echo " img {\n";
echo " border: 100px solid white;\n";
echo " max-width: 100%;\n"; echo " max-width: 100%;\n";
echo " max-height: 100%;\n"; echo " max-height: 100%;\n";
echo " }\n"; echo " }\n";