Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-23 02:05:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1494582 - Adjust toggle input direction for right-to-left layout; r=pbro

Browse Source 
MozReview-Commit-ID: 5ItuYNHsmQt

Differential Revision: https://phabricator.services.mozilla.com/D7623

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Razvan Caliman 2018-10-04 06:51:04 +00:00
parent 5d2f689907
commit ab40adfc9b
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
devtools/client/themes/common.css
View File

@ -820,6 +820,11 @@ checkbox:-moz-focusring {
transition: background-color .1s ease-out;
}
/* For right-to-left layout, the toggle thumb goes in the opposite direction. */
html[dir="rtl"] .devtools-checkbox-toggle {
--x-pos: -.15em;
}
.devtools-checkbox-toggle:focus {
box-shadow: 0 0 0 1px var(--blue-55);
}
@ -834,6 +839,10 @@ checkbox:-moz-focusring {
background-color: var(--blue-55);
}
html[dir="rtl"] .devtools-checkbox-toggle:checked {
--x-pos: -1.15em;
}
.devtools-checkbox-toggle::before {
position: relative;
width: calc(1em - .3em);