mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-02-20 08:51:04 +00:00
Bug 1627036 - Convert all relevant uses of left/right to logical properties in toolkit/themes/osx r=Gijs
Differential Revision: https://phabricator.services.mozilla.com/D69444 --HG-- extra : moz-landing-system : lando
This commit is contained in:
parent
9c2fc7df65
commit
f3ca8abb36
toolkit/themes/osx
global
checkbox.css
dirListing
global.cssin-content
menu.cssnetError.csspopup.cssradio.csstoolbar.csswizard.cssmozapps/downloads
@ -11,7 +11,7 @@ checkbox {
|
||||
}
|
||||
|
||||
.checkbox-icon {
|
||||
margin-right: 2px;
|
||||
margin-inline-end: 2px;
|
||||
}
|
||||
|
||||
.checkbox-label {
|
||||
@ -35,5 +35,3 @@ checkbox[disabled="true"] {
|
||||
width: 1.3em;
|
||||
height: 1.3em;
|
||||
}
|
||||
|
||||
|
||||
|
@ -6,8 +6,7 @@
|
||||
background-color: -moz-dialog;
|
||||
color: -moz-dialogtext;
|
||||
font: message-box;
|
||||
padding-left: 2em;
|
||||
padding-right: 2em;
|
||||
padding-inline: 2em;
|
||||
}
|
||||
|
||||
body {
|
||||
@ -85,8 +84,7 @@ td:not(:first-child) {
|
||||
}
|
||||
|
||||
.up::before {
|
||||
margin-inline-end: 4px;
|
||||
margin-inline-start: -20px;
|
||||
margin-inline: -20px 4px;
|
||||
vertical-align: middle;
|
||||
content: url(chrome://global/skin/dirListing/up.png);
|
||||
}
|
||||
|
@ -32,7 +32,7 @@
|
||||
font: message-box;
|
||||
}
|
||||
|
||||
/* ::::: alert icons :::::*/
|
||||
/* ::::: Alert icons :::::*/
|
||||
|
||||
.message-icon,
|
||||
.alert-icon,
|
||||
@ -79,7 +79,7 @@ xul|iframe {
|
||||
}
|
||||
}
|
||||
|
||||
/* ::::: miscellaneous formatting ::::: */
|
||||
/* ::::: Miscellaneous formatting ::::: */
|
||||
|
||||
:root:-moz-lwtheme {
|
||||
-moz-appearance: none;
|
||||
@ -110,23 +110,19 @@ xul|separator.thin[orient="vertical"] {
|
||||
xul|separator.groove:not([orient="vertical"]) {
|
||||
border-top: 1px solid #A3A3A3;
|
||||
height: 0;
|
||||
margin-top: 0.4em;
|
||||
margin-bottom: 0.4em;
|
||||
margin-block: 0.4em;
|
||||
}
|
||||
xul|separator.groove[orient="vertical"] {
|
||||
border-left: 1px solid #A3A3A3;
|
||||
width: 0;
|
||||
margin-left: 0.4em;
|
||||
margin-right: 0.4em;
|
||||
margin-inline: 0.4em;
|
||||
}
|
||||
|
||||
xul|description,
|
||||
xul|label {
|
||||
cursor: default;
|
||||
margin-top: 1px;
|
||||
margin-bottom: 2px;
|
||||
margin-inline-start: 6px;
|
||||
margin-inline-end: 5px;
|
||||
margin-block: 1px 2px;
|
||||
margin-inline: 6px 5px;
|
||||
}
|
||||
|
||||
xul|description {
|
||||
|
@ -6,8 +6,7 @@
|
||||
%include ../../../shared/in-content/common.inc.css
|
||||
|
||||
xul|tabs {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
padding-inline: 0;
|
||||
position: static;
|
||||
}
|
||||
|
||||
@ -40,10 +39,7 @@ xul|*.help-button > xul|*.button-box > xul|*.button-icon {
|
||||
margin-inline-start: 0;
|
||||
}
|
||||
|
||||
xul|*.checkbox-icon {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
xul|*.checkbox-icon,
|
||||
xul|*.radio-icon {
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
@ -69,8 +65,7 @@ xul|radio[focused="true"] > .radio-check {
|
||||
|
||||
xul|search-textbox {
|
||||
-moz-appearance: none;
|
||||
padding-inline-start: 8px;
|
||||
padding-inline-end: 8px;
|
||||
padding-inline: 8px;
|
||||
}
|
||||
|
||||
xul|search-textbox::part(search-sign) {
|
||||
|
@ -28,7 +28,7 @@ menucaption {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* ..... internal content .... */
|
||||
/* Internal content */
|
||||
|
||||
.menu-text,
|
||||
.menu-iconic-text,
|
||||
@ -39,8 +39,7 @@ menucaption {
|
||||
|
||||
.menu-iconic-icon {
|
||||
height: 16px;
|
||||
margin-top: -2px;
|
||||
margin-bottom: -2px;
|
||||
margin-block: -2px;
|
||||
margin-inline-end: 5px;
|
||||
/* Empty icons shouldn't take up room, so we need to compensate
|
||||
* the 5px margin-end with a negative margin-start.
|
||||
@ -53,8 +52,7 @@ menucaption {
|
||||
.menu-iconic,
|
||||
menuitem[image] {
|
||||
/* 2px higher than those without icons */
|
||||
padding-top: 1px;
|
||||
padding-bottom: 3px;
|
||||
padding-block: 1px 3px;
|
||||
}
|
||||
|
||||
.menuitem-iconic > .menu-iconic-left > .menu-iconic-icon,
|
||||
@ -64,12 +62,11 @@ menuitem[image] > .menu-iconic-left > .menu-iconic-icon {
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
/* ..... menu arrow box ..... */
|
||||
/* menu arrow box */
|
||||
|
||||
.menu-right,
|
||||
.menu-accel-container {
|
||||
margin-inline-start: 21px;
|
||||
margin-inline-end: -9px;
|
||||
margin-inline: 21px -9px;
|
||||
-moz-box-pack: end;
|
||||
}
|
||||
|
||||
@ -78,11 +75,12 @@ menuitem[image] > .menu-iconic-left > .menu-iconic-icon {
|
||||
-moz-appearance: menuarrow;
|
||||
}
|
||||
|
||||
/* ::::: menu/menuitems in menubar ::::: */
|
||||
/* menu/menuitems in menubar */
|
||||
|
||||
menubar > menu {
|
||||
-moz-appearance: none;
|
||||
padding: 2px 5px 2px 7px;
|
||||
padding-block: 2px;
|
||||
padding-inline: 7px 5px;
|
||||
margin: 1px 0;
|
||||
}
|
||||
|
||||
@ -97,7 +95,7 @@ menubar > menu[_moz-menuactive="true"][open="true"] {
|
||||
color: -moz-mac-menutextselect;
|
||||
}
|
||||
|
||||
/* ..... internal content .... */
|
||||
/* Internal content */
|
||||
|
||||
.menubar-left {
|
||||
margin: 0 2px;
|
||||
@ -107,7 +105,7 @@ menubar > menu[_moz-menuactive="true"][open="true"] {
|
||||
margin: 0 1px !important;
|
||||
}
|
||||
|
||||
/* ::::: menu/menuitems in popups ::::: */
|
||||
/* menu/menuitems in popups */
|
||||
|
||||
menupopup {
|
||||
font: -moz-pull-down-menu;
|
||||
@ -128,11 +126,10 @@ menuitem[_moz-menuactive="true"] {
|
||||
|
||||
menuitem[customoptionstyling="true"] {
|
||||
-moz-appearance: none;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
padding-block: 0;
|
||||
}
|
||||
|
||||
/* ::::: menu/menuitems in menulist popups ::::: */
|
||||
/* menu/menuitems in menulist popups */
|
||||
|
||||
menulist > menupopup {
|
||||
font: inherit;
|
||||
@ -145,7 +142,7 @@ menulist > menupopup > menu {
|
||||
color: -moz-FieldText;
|
||||
}
|
||||
|
||||
/* ::::: checked menuitems ::::: */
|
||||
/* checked menuitems */
|
||||
|
||||
:not(menulist) > menupopup > menuitem[checked="true"],
|
||||
:not(menulist) > menupopup > menuitem[selected="true"] {
|
||||
@ -160,7 +157,7 @@ menulist > menupopup > menuitem[selected="true"]::before {
|
||||
margin-inline-start: -15px;
|
||||
}
|
||||
|
||||
/* ::::: menuseparator ::::: */
|
||||
/* menuseparator */
|
||||
|
||||
menuseparator {
|
||||
-moz-appearance: menuseparator;
|
||||
@ -168,7 +165,7 @@ menuseparator {
|
||||
padding: 1px 0;
|
||||
}
|
||||
|
||||
/* ::::: scroll buttons :::::*/
|
||||
/* Scroll buttons */
|
||||
|
||||
.menupopup-arrowscrollbox:not(:-moz-lwtheme)::part(scrollbutton-up),
|
||||
.menupopup-arrowscrollbox:not(:-moz-lwtheme)::part(scrollbutton-down) {
|
||||
|
@ -34,7 +34,8 @@ ul, ol {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul > li, ol > li {
|
||||
ul > li,
|
||||
ol > li {
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
@ -63,14 +64,11 @@ ul {
|
||||
background-position: right 0;
|
||||
}
|
||||
|
||||
#errorLongContent,
|
||||
#errorTitle {
|
||||
margin-inline-start: 80px;
|
||||
}
|
||||
|
||||
#errorLongContent {
|
||||
margin-inline-start: 80px;
|
||||
}
|
||||
|
||||
#errorShortDesc > p {
|
||||
overflow: auto;
|
||||
border-bottom: 1px solid ThreeDLightShadow;
|
||||
@ -84,31 +82,11 @@ ul {
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
#errorLongDesc > p {
|
||||
}
|
||||
|
||||
#errorTryAgain {
|
||||
margin-top: 2em;
|
||||
margin-inline-start: 80px;
|
||||
}
|
||||
|
||||
#brand {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: -1.5em;
|
||||
margin-inline-end: 10px;
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
#brand:dir(rtl) {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#brand > p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#errorContainer {
|
||||
display: none;
|
||||
}
|
||||
|
@ -32,14 +32,12 @@ panel[type="arrow"] {
|
||||
|
||||
panel[type="arrow"][side="top"],
|
||||
panel[type="arrow"][side="bottom"] {
|
||||
margin-left: -25px;
|
||||
margin-right: -25px;
|
||||
margin-inline: -25px;
|
||||
}
|
||||
|
||||
panel[type="arrow"][side="left"],
|
||||
panel[type="arrow"][side="right"] {
|
||||
margin-top: -25px;
|
||||
margin-bottom: -25px;
|
||||
margin-block: -25px;
|
||||
}
|
||||
|
||||
.panel-arrowcontent {
|
||||
@ -72,38 +70,34 @@ panel[type="arrow"].panel-no-padding::part(arrowcontent) {
|
||||
|
||||
:-moz-any(panel, menupopup)[side="top"]::part(arrow) {
|
||||
list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
|
||||
margin-left: 16px;
|
||||
margin-right: 16px;
|
||||
margin-inline: 16px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
:-moz-any(panel, menupopup)[side="bottom"]::part(arrow) {
|
||||
list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
|
||||
-moz-transform: scaleY(-1);
|
||||
margin-left: 16px;
|
||||
margin-right: 16px;
|
||||
margin-inline: 16px;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
:-moz-any(panel, menupopup)[side="left"]::part(arrow) {
|
||||
list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-block: 16px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
:-moz-any(panel, menupopup)[side="right"]::part(arrow) {
|
||||
list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
|
||||
transform: scaleX(-1);
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-block: 16px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
/* rules for popups associated with menulists */
|
||||
|
||||
menulist > menupopup {
|
||||
min-width: 0px;
|
||||
min-width: 0;
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
@ -114,6 +108,5 @@ menulist > menupopup:not([position]) {
|
||||
|
||||
menupopup[customoptionstyling="true"] {
|
||||
-moz-appearance: none;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
padding-block: 0;
|
||||
}
|
||||
|
@ -4,8 +4,9 @@
|
||||
|
||||
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
.radio-label,
|
||||
radiogroup {
|
||||
margin: 1px 0px 1px 0px;
|
||||
margin: 1px 0;
|
||||
}
|
||||
|
||||
radio {
|
||||
@ -19,10 +20,6 @@ radio {
|
||||
margin-inline-end: 2px;
|
||||
}
|
||||
|
||||
.radio-label {
|
||||
margin: 1px 0;
|
||||
}
|
||||
|
||||
radio[disabled="true"] {
|
||||
color: GrayText;
|
||||
}
|
||||
|
@ -33,13 +33,11 @@ toolbarspacer {
|
||||
min-width: 24px !important;
|
||||
}
|
||||
|
||||
/* ..... drag and drop feedback ..... */
|
||||
/* Drag and drop feedback */
|
||||
|
||||
toolbarpaletteitem[place="toolbar"] {
|
||||
margin-left: -2px;
|
||||
margin-right: -2px;
|
||||
border-left: 2px solid transparent;
|
||||
border-right: 2px solid transparent;
|
||||
margin-inline: -2px;
|
||||
border-inline: 2px solid transparent;
|
||||
}
|
||||
|
||||
toolbarpaletteitem[dragover="left"] {
|
||||
|
@ -23,7 +23,7 @@
|
||||
}
|
||||
|
||||
.wizard-header-label {
|
||||
margin-left: 23px;
|
||||
margin-inline-start: 23px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
@ -11,7 +11,7 @@ description {
|
||||
}
|
||||
|
||||
#contentTypeImage {
|
||||
margin-right: 3px;
|
||||
margin-inline-end: 3px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
@ -21,10 +21,7 @@ description {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#container > .small-indent {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#container > .small-indent,
|
||||
.small-indent label {
|
||||
margin-left: 0;
|
||||
margin-inline-start: 0;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user