Bug 1247176 - Fix alignment issues in about:certerror. r=Gijs
MozReview-Commit-ID: Vzk0HnPifM
--- a/browser/base/content/aboutNetError.xhtml
+++ b/browser/base/content/aboutNetError.xhtml
@@ -397,16 +397,17 @@
// Initialize the error code link embedded in the error message to
// display debug information about the cert error.
var errorCode = document.getElementById("errorCode");
if (errorCode) {
errorCode.href = "#technicalInformation";
errorCode.addEventListener("click", () => {
var div = document.getElementById("certificateErrorDebugInformation");
if (toggleDisplay(div) == "block") {
+ div.style.top = document.body.scrollHeight + "px";
div.scrollIntoView({block: "start", behavior: "smooth"});
}
}, false);
}
}
// Initialize the cert domain link.
var link = document.getElementById('cert_domain_link');
--- a/browser/themes/shared/aboutNetError.css
+++ b/browser/themes/shared/aboutNetError.css
@@ -63,27 +63,33 @@ body.certerror #netErrorButtonContainer
body.certerror #advancedButton {
display: block;
}
#certificateErrorReporting {
display: none;
}
+.container {
+ position: relative;
+}
+
.advanced-panel {
/* Hidden until the link is clicked */
display: none;
background-color: white;
border: 1px lightgray solid;
/* Don't use top padding because the default p style has top padding, and it
* makes the overall div look uneven */
padding: 0 12px 12px 12px;
box-shadow: 0 0 4px #ddd;
font-size: 0.9em;
margin-top: 24px;
+ margin-bottom: 24px;
+ position: absolute;
}
#overrideWeakCryptoPanel {
display: none;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
@@ -119,17 +125,16 @@ span#hostname {
}
#certificateErrorDebugInformation {
display: none;
background-color: var(--in-content-box-background-hover) !important;
border-top: 1px solid var(--in-content-border-color);
position: absolute;
left: 0%;
- top: 100%;
width: 65%;
padding: 1em 17.5%;
}
#certificateErrorText {
font-family: monospace;
white-space: pre-wrap;
padding: 1em 0;