Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2025-03-09 04:25:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1622115 - Use inset-inline-end for exit-icon instead of treating each directionality r=ewright

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D66688

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Itiel 2020-03-14 16:54:53 +00:00
parent 0dfb969f81
commit ef74468350
1 changed files with 3 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
browser/components/protections/content/protections.css
View File

@ -206,23 +206,16 @@ a.hidden,
position: absolute;
width: var(--exit-icon-size);
height: var(--exit-icon-size);
top: var(--exit-icon-position);
inset-inline-end: var(--exit-icon-position);
background-image: url(chrome://browser/skin/stop.svg);
background-size: calc(var(--exit-icon-size) - 2px);
background-position: center;
background-repeat: no-repeat;
top: var(--exit-icon-position);
-moz-context-properties: fill;
fill: var(--in-content-deemphasized-text);
}
.exit-icon:dir(ltr) {
right: var(--exit-icon-position);
}
.exit-icon:dir(rtl) {
left: var(--exit-icon-position);
}
.exit-icon:hover {
background-color: var(--in-content-button-background);
}
@ -240,6 +233,7 @@ a.hidden,
}
#protection-details {
margin-block: 24px 0;
padding-inline: 24px 3px;
-moz-context-properties: fill;
fill: currentColor;
@ -247,7 +241,6 @@ a.hidden,
font-size: 0.75em;
cursor: default;
width: max-content;
margin-block: 24px 0;
}
#protection-details:dir(rtl) {
@ -726,7 +719,6 @@ label[for="tab-cryptominer"]:hover ~ #highlight-hover {
-moz-context-properties: fill,fill-opacity;
fill: white;
fill-opacity: 0.65;
display: block;
padding: 5px;
display: inline-block;
vertical-align: middle;