Bug 1898899 Comment 15 Edit History

Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.

Here's the code for the modal:
```js
setTimeout(function(){ 
    document.getElementsByTagName("body")[0].insertAdjacentHTML("afterend",
    '<div id="targetModal" class="modal" style="display:none;position:fixed;z-index:999999;padding-top:150px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);"><div class="modal-content" style="  position: relative;background-color: #fefefe;margin: auto;padding: 0;border: 1px solid #888; width: 80%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);"><div class="modal-header" style="padding: 2px 16px;color:#000;"><span id="targetModalClose" class="close" style="float: right;font-size: 28px;font-weight: bold;cursor: pointer;">&times;</span></div><div class="modal-body cmp-text" style="padding:20px;color:#1b1c1d;"><h5>Sorry! pge.com doesn’t support your web browser.</h5><br/><p>For the best experience, we recommend using one of the browsers found on <a id="supportedBrowser" target="_blank" href="https://www.pge.com/supported-browsers">pge.com/supported-browsers</a>.</p><br/></div></div></div>');        
    var modal = document.getElementById("targetModal");
    modal.style.display = "block";
    var span = document.getElementById("targetModalClose");
    span.onclick = function() {
      modal.style.display = "none";
    }
    window.onclick = function(event) {
      if (event.target == modal) {
        modal.style.display = "none";
      }
    }
},1000);
```
Here's the code for the modal warning:
```js
setTimeout(function(){ 
    document.getElementsByTagName("body")[0].insertAdjacentHTML("afterend",
    '<div id="targetModal" class="modal" style="display:none;position:fixed;z-index:999999;padding-top:150px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);"><div class="modal-content" style="  position: relative;background-color: #fefefe;margin: auto;padding: 0;border: 1px solid #888; width: 80%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);"><div class="modal-header" style="padding: 2px 16px;color:#000;"><span id="targetModalClose" class="close" style="float: right;font-size: 28px;font-weight: bold;cursor: pointer;">&times;</span></div><div class="modal-body cmp-text" style="padding:20px;color:#1b1c1d;"><h5>Sorry! pge.com doesn’t support your web browser.</h5><br/><p>For the best experience, we recommend using one of the browsers found on <a id="supportedBrowser" target="_blank" href="https://www.pge.com/supported-browsers">pge.com/supported-browsers</a>.</p><br/></div></div></div>');        
    var modal = document.getElementById("targetModal");
    modal.style.display = "block";
    var span = document.getElementById("targetModalClose");
    span.onclick = function() {
      modal.style.display = "none";
    }
    window.onclick = function(event) {
      if (event.target == modal) {
        modal.style.display = "none";
      }
    }
},1000);
```

Back to Bug 1898899 Comment 15