mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-24 21:31:04 +00:00
Bug 1627036 - Convert all relevant uses of left/right to logical properties in toolkit/themes/linux and mobile r=Gijs
Differential Revision: https://phabricator.services.mozilla.com/D69446 --HG-- extra : moz-landing-system : lando
This commit is contained in:
Itiel
parent
f3ca8abb36
commit
06abb94ae1
@ -38,7 +38,7 @@
|
||||
font: message-box;
|
||||
}
|
||||
|
||||
/* ::::: alert icons :::::*/
|
||||
/* ::::: Alert icons :::::*/
|
||||
|
||||
.message-icon {
|
||||
list-style-image: url("moz-icon://stock/gtk-dialog-info?size=dialog");
|
||||
@ -84,7 +84,7 @@ xul|toolbar[mode="text"] .toolbarbutton-text {
|
||||
margin: 3px 5px !important;
|
||||
}
|
||||
|
||||
/* ::::: print preview ::::: */
|
||||
/* ::::: Print preview ::::: */
|
||||
|
||||
.print-preview-navigate-button {
|
||||
min-width: 1.9em;
|
||||
@ -113,7 +113,7 @@ html|*#print-preview-pageNumber {
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
/* ::::: miscellaneous formatting ::::: */
|
||||
/* ::::: Miscellaneous formatting ::::: */
|
||||
|
||||
:root:-moz-lwtheme {
|
||||
-moz-appearance: none;
|
||||
@ -145,24 +145,20 @@ xul|separator.groove:not([orient="vertical"]) {
|
||||
border-top: 1px solid ThreeDShadow;
|
||||
border-bottom: 1px solid ThreeDHighlight;
|
||||
height: 0;
|
||||
margin-top: 0.4em;
|
||||
margin-bottom: 0.4em;
|
||||
margin-block: 0.4em;
|
||||
}
|
||||
xul|separator.groove[orient="vertical"] {
|
||||
border-left: 1px solid ThreeDShadow;
|
||||
border-right: 1px solid ThreeDHighlight;
|
||||
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 {
|
||||
@ -207,8 +203,7 @@ html|input {
|
||||
}
|
||||
|
||||
xul|notification > xul|hbox > xul|button {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
margin-block: 0;
|
||||
}
|
||||
|
||||
xul|popupnotificationcontent {
|
||||
|
||||
@ -62,14 +62,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;
|
||||
@ -83,31 +80,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;
|
||||
}
|
||||
|
||||
@ -22,14 +22,12 @@ panel[type="arrow"] {
|
||||
|
||||
panel[type="arrow"][side="top"],
|
||||
panel[type="arrow"][side="bottom"] {
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
margin-inline: -20px;
|
||||
}
|
||||
|
||||
panel[type="arrow"][side="left"],
|
||||
panel[type="arrow"][side="right"] {
|
||||
margin-top: -20px;
|
||||
margin-bottom: -20px;
|
||||
margin-block: -20px;
|
||||
}
|
||||
|
||||
.panel-arrowcontent {
|
||||
@ -61,8 +59,7 @@ panel[type="arrow"].panel-no-padding::part(arrowcontent) {
|
||||
:-moz-any(panel, menupopup)[side="bottom"]::part(arrow) {
|
||||
list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
|
||||
position: relative;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-inline: 10px;
|
||||
}
|
||||
|
||||
:-moz-any(panel, menupopup)[side="top"]::part(arrow) {
|
||||
@ -78,8 +75,7 @@ panel[type="arrow"].panel-no-padding::part(arrowcontent) {
|
||||
:-moz-any(panel, menupopup)[side="right"]::part(arrow) {
|
||||
list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
margin-block: 10px;
|
||||
}
|
||||
|
||||
:-moz-any(panel, menupopup)[side="left"]::part(arrow) {
|
||||
@ -94,8 +90,8 @@ panel[type="arrow"].panel-no-padding::part(arrowcontent) {
|
||||
/* rules for popups associated with menulists */
|
||||
|
||||
menulist > menupopup {
|
||||
padding: 0px;
|
||||
min-width: 0px;
|
||||
padding: 0;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
menupopup[customoptionstyling="true"] {
|
||||
|
||||
@ -16,7 +16,7 @@ toolbar {
|
||||
-moz-appearance: toolbar;
|
||||
min-width: 1px;
|
||||
min-height: 20px;
|
||||
padding: 2px 0px;
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
toolbar[type="menubar"] {
|
||||
@ -24,7 +24,7 @@ toolbar[type="menubar"] {
|
||||
color: -moz-menubartext;
|
||||
min-width: 1px;
|
||||
min-height: 20px;
|
||||
padding: 1px 0px;
|
||||
padding: 1px 0;
|
||||
}
|
||||
|
||||
toolbar:-moz-lwtheme {
|
||||
@ -34,7 +34,7 @@ toolbar:-moz-lwtheme {
|
||||
|
||||
toolbarseparator {
|
||||
-moz-appearance: separator;
|
||||
margin : 0;
|
||||
margin: 0;
|
||||
min-width: 2px;
|
||||
}
|
||||
|
||||
@ -46,13 +46,11 @@ toolbarpaletteitem {
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
/* ..... 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"] {
|
||||
|
||||
@ -5,7 +5,8 @@
|
||||
/* Elevation Dialog */
|
||||
/* Specify the size for the UI so it has a fixed size. 3rd
|
||||
party themes should typically specify the same values. */
|
||||
#elevationBox, .update-content {
|
||||
#elevationBox,
|
||||
.update-content {
|
||||
height: 360px;
|
||||
width: 700px;
|
||||
}
|
||||
@ -24,7 +25,7 @@
|
||||
}
|
||||
|
||||
.update-header-box-1 {
|
||||
padding: 5px 0px 5px 0px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.update-content {
|
||||
@ -37,12 +38,11 @@
|
||||
|
||||
#update-button-box {
|
||||
margin: 0;
|
||||
padding: 6px 10px 10px 10px;
|
||||
padding: 6px 10px 10px;
|
||||
}
|
||||
|
||||
.update-buttons-separator {
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
margin-block: 0 !important;
|
||||
}
|
||||
|
||||
#updateFinishedName {
|
||||
@ -75,7 +75,7 @@ update {
|
||||
|
||||
#historyItems {
|
||||
height: 200px;
|
||||
margin: 1px 5px 5px 5px;
|
||||
margin: 1px 5px 5px;
|
||||
}
|
||||
|
||||
#historyItems .update {
|
||||
|
||||
@ -10,8 +10,7 @@ html {
|
||||
|
||||
body {
|
||||
width: 90%;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
margin-inline: 5%;
|
||||
}
|
||||
|
||||
.page-subtitle {
|
||||
@ -19,8 +18,7 @@ body {
|
||||
}
|
||||
|
||||
.major-section {
|
||||
margin-top: 2em;
|
||||
margin-bottom: 1em;
|
||||
margin-block: 2em 1em;
|
||||
font-size: large;
|
||||
text-align: start;
|
||||
font-weight: bold;
|
||||
@ -28,10 +26,9 @@ body {
|
||||
|
||||
#copy-raw-data-to-clipboard,
|
||||
#copy-to-clipboard {
|
||||
padding-top: 2%;
|
||||
width: 100%;
|
||||
padding-bottom: 2%;
|
||||
padding-block: 2%;
|
||||
margin: 1%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table {
|
||||
@ -42,7 +39,7 @@ table {
|
||||
text-align: start;
|
||||
width: 100%;
|
||||
border: 1px solid ThreeDShadow;
|
||||
border-spacing: 0px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
th, td {
|
||||
@ -62,7 +59,7 @@ th {
|
||||
|
||||
th.column {
|
||||
white-space: nowrap;
|
||||
width: 0px;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
td {
|
||||
@ -94,4 +91,3 @@ td {
|
||||
#reset-box {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user