mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-09 11:25:00 +00:00
Bug 1202280 - [Control Center] Style the security subview's More Information button like a footer. r=jaws
MozReview-Commit-ID: FFrmSP1TYpT --HG-- extra : rebase_source : 212cda9ac556a68ce9df5feee877db03ee559f8d
This commit is contained in:
parent
9a2769a8b0
commit
b87a8ff82c
@ -105,7 +105,7 @@
|
||||
when-connection="secure secure-ev"/>
|
||||
</vbox>
|
||||
|
||||
<vbox id="identity-popup-securityView-body">
|
||||
<vbox id="identity-popup-securityView-body" flex="1">
|
||||
<!-- (EV) Certificate Information -->
|
||||
<description id="identity-popup-content-verified-by"
|
||||
when-connection="secure-ev">&identity.connectionVerified1;</description>
|
||||
@ -168,7 +168,9 @@
|
||||
label="&identity.enableMixedContentBlocking.label;"
|
||||
accesskey="&identity.enableMixedContentBlocking.accesskey;"
|
||||
oncommand="gIdentityHandler.enableMixedContentProtection()"/>
|
||||
</vbox>
|
||||
|
||||
<vbox id="identity-popup-securityView-footer">
|
||||
<!-- More Security Information -->
|
||||
<button label="&identity.moreInfoLinkText2;"
|
||||
oncommand="gIdentityHandler.handleMoreInfoClick(event);"/>
|
||||
|
@ -17,6 +17,15 @@
|
||||
@hudButtonFocused@
|
||||
}
|
||||
|
||||
#identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews {
|
||||
border-bottom-right-radius: 3.5px;
|
||||
}
|
||||
|
||||
#identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews:-moz-locale-dir(rtl) {
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 3.5px;
|
||||
}
|
||||
|
||||
#tracking-action-block,
|
||||
#tracking-action-unblock,
|
||||
#tracking-action-unblock-private,
|
||||
|
@ -83,15 +83,9 @@
|
||||
|
||||
#identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews {
|
||||
background: var(--panel-arrowcontent-background);
|
||||
border-bottom-right-radius: 3.5px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews:-moz-locale-dir(rtl) {
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 3.5px;
|
||||
}
|
||||
|
||||
.identity-popup-section:not(:first-child) {
|
||||
border-top: 1px solid var(--panel-separator-color);
|
||||
}
|
||||
@ -100,14 +94,19 @@
|
||||
#identity-popup-security-content,
|
||||
#identity-popup-permissions-content,
|
||||
#tracking-protection-content {
|
||||
padding: 0.5em 0 1em;
|
||||
-moz-padding-start: calc(2em + 24px);
|
||||
-moz-padding-end: 1em;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 1em 1em;
|
||||
background-size: 24px auto;
|
||||
}
|
||||
|
||||
#identity-popup-security-content,
|
||||
#identity-popup-permissions-content,
|
||||
#tracking-protection-content {
|
||||
padding: 0.5em 0 1em;
|
||||
-moz-padding-start: calc(2em + 24px);
|
||||
-moz-padding-end: 1em;
|
||||
}
|
||||
|
||||
#identity-popup-securityView:-moz-locale-dir(rtl),
|
||||
#identity-popup-security-content:-moz-locale-dir(rtl),
|
||||
#identity-popup-permissions-content:-moz-locale-dir(rtl),
|
||||
@ -208,7 +207,6 @@
|
||||
}
|
||||
|
||||
#identity-popup-securityView {
|
||||
padding-bottom: 2em;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@ -252,7 +250,14 @@
|
||||
color: Graytext;
|
||||
}
|
||||
|
||||
#identity-popup-securityView-header,
|
||||
#identity-popup-securityView-body {
|
||||
-moz-margin-start: calc(2em + 24px);
|
||||
-moz-margin-end: 1em;
|
||||
}
|
||||
|
||||
#identity-popup-securityView-header {
|
||||
margin-top: 0.5em;
|
||||
border-bottom: 1px solid var(--panel-separator-color);
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
@ -261,6 +266,30 @@
|
||||
-moz-padding-end: 1em;
|
||||
}
|
||||
|
||||
#identity-popup-securityView-footer {
|
||||
margin-top: 1em;
|
||||
background-color: hsla(210,4%,10%,.07);
|
||||
}
|
||||
|
||||
#identity-popup-securityView-footer > button {
|
||||
-moz-appearance: none;
|
||||
margin: 0;
|
||||
border: none;
|
||||
border-top: 1px solid #ccc;
|
||||
padding: 8px 20px;
|
||||
color: ButtonText;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#identity-popup-securityView-footer > button:hover,
|
||||
#identity-popup-securityView-footer > button:focus {
|
||||
background-color: hsla(210,4%,10%,.07);
|
||||
}
|
||||
|
||||
#identity-popup-securityView-footer > button:hover:active {
|
||||
background-color: hsla(210,4%,10%,.12);
|
||||
}
|
||||
|
||||
#identity-popup-content-verifier ~ description {
|
||||
margin-top: 1em;
|
||||
color: Graytext;
|
||||
|
Loading…
Reference in New Issue
Block a user