Skip to content

GitLab

T
tangled
Commit 2976bc70 authored by Oriol Brufau's avatar Oriol Brufau Committed by Commit Bot
Browse files
Options

[css-logical] Use standard logical properties in /third_party/blink 

Bug 850000 added standard logical properties and aliased prefixed ones
to them. The prefixed properties are still used in various places, but
the standard ones should be used instead. This patch replaces all the
uses in /third_party/blink

Spec: https://drafts.csswg.org/css-logical/#box

BUG=862141

Change-Id: I4d50faa5071ce735931488990d6c2275e57932f7
Reviewed-on: https://chromium-review.googlesource.com/c/1163785Reviewed-by: default avatarDmitry Gozman <dgozman@chromium.org>
Reviewed-by: default avatarMorten Stenshorne <mstensho@chromium.org>
Commit-Queue: Oriol Brufau <obrufau@igalia.com>
Cr-Commit-Position: refs/heads/master@{#600531}
parent 0300fe38
Show whitespace changes
Inline Side-by-side
Showing with 105 additions and 105 deletions
third_party/blink/renderer/core/css/html.css
View file @ 2976bc70
......@@ -65,10 +65,10 @@ body:-webkit-full-page-media {
p {
display: block;
-webkit-margin-before: 1__qem;
-webkit-margin-after: 1__qem;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
margin-block-start: 1__qem;
margin-block-end: 1__qem;
margin-inline-start: 0;
margin-inline-end: 0;
}
div {
......@@ -94,10 +94,10 @@ address {
blockquote {
display: block;
-webkit-margin-before: 1__qem;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
margin-block-start: 1__qem;
margin-block-end: 1em;
margin-inline-start: 40px;
margin-inline-end: 40px;
}
figcaption {
......@@ -106,10 +106,10 @@ figcaption {
figure {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 40px;
margin-inline-end: 40px;
}
q {
......@@ -134,10 +134,10 @@ hr {
display: block;
overflow: hidden;
unicode-bidi: isolate;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 0.5em;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
margin-block-start: 0.5em;
margin-block-end: 0.5em;
margin-inline-start: auto;
margin-inline-end: auto;
border-style: inset;
border-width: 1px
}
......@@ -155,89 +155,89 @@ video {
h1 {
display: block;
font-size: 2em;
-webkit-margin-before: 0.67__qem;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
margin-block-start: 0.67__qem;
margin-block-end: 0.67em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold
}
:-webkit-any(article,aside,nav,section) h1 {
font-size: 1.5em;
-webkit-margin-before: 0.83__qem;
-webkit-margin-after: 0.83em;
margin-block-start: 0.83__qem;
margin-block-end: 0.83em;
}
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
font-size: 1.17em;
-webkit-margin-before: 1__qem;
-webkit-margin-after: 1em;
margin-block-start: 1__qem;
margin-block-end: 1em;
}
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
font-size: 1.00em;
-webkit-margin-before: 1.33__qem;
-webkit-margin-after: 1.33em;
margin-block-start: 1.33__qem;
margin-block-end: 1.33em;
}
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
font-size: .83em;
-webkit-margin-before: 1.67__qem;
-webkit-margin-after: 1.67em;
margin-block-start: 1.67__qem;
margin-block-end: 1.67em;
}
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
font-size: .67em;
-webkit-margin-before: 2.33__qem;
-webkit-margin-after: 2.33em;
margin-block-start: 2.33__qem;
margin-block-end: 2.33em;
}
h2 {
display: block;
font-size: 1.5em;
-webkit-margin-before: 0.83__qem;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
margin-block-start: 0.83__qem;
margin-block-end: 0.83em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold
}
h3 {
display: block;
font-size: 1.17em;
-webkit-margin-before: 1__qem;
-webkit-margin-after: 1em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
margin-block-start: 1__qem;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold
}
h4 {
display: block;
-webkit-margin-before: 1.33__qem;
-webkit-margin-after: 1.33em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
margin-block-start: 1.33__qem;
margin-block-end: 1.33em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold
}
h5 {
display: block;
font-size: .83em;
-webkit-margin-before: 1.67__qem;
-webkit-margin-after: 1.67em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
margin-block-start: 1.67__qem;
margin-block-end: 1.67em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold
}
h6 {
display: block;
font-size: .67em;
-webkit-margin-before: 2.33__qem;
-webkit-margin-after: 2.33em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
margin-block-start: 2.33__qem;
margin-block-end: 2.33em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold
}
......@@ -307,21 +307,21 @@ caption {
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1__qem;
-webkit-margin-after: 1em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-start: 40px
margin-block-start: 1__qem;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 40px
}
ol {
display: block;
list-style-type: decimal;
-webkit-margin-before: 1__qem;
-webkit-margin-after: 1em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-start: 40px
margin-block-start: 1__qem;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 40px
}
li {
......@@ -339,15 +339,15 @@ ol ol ul, ol ul ul, ul ol ul, ul ul ul {
dd {
display: block;
-webkit-margin-start: 40px
margin-inline-start: 40px
}
dl {
display: block;
-webkit-margin-before: 1__qem;
-webkit-margin-after: 1em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
margin-block-start: 1__qem;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
}
dt {
......@@ -355,8 +355,8 @@ dt {
}
ol ul, ul ol, ul ul, ol ol {
-webkit-margin-before: 0;
-webkit-margin-after: 0
margin-block-start: 0;
margin-block-end: 0
}
/* form elements */
......@@ -376,19 +376,19 @@ label {
legend {
display: block;
-webkit-padding-start: 2px;
-webkit-padding-end: 2px;
padding-inline-start: 2px;
padding-inline-end: 2px;
border: none
}
fieldset {
display: block;
-webkit-margin-start: 2px;
-webkit-margin-end: 2px;
-webkit-padding-before: 0.35em;
-webkit-padding-start: 0.75em;
-webkit-padding-end: 0.75em;
-webkit-padding-after: 0.625em;
margin-inline-start: 2px;
margin-inline-end: 2px;
padding-block-start: 0.35em;
padding-inline-start: 0.75em;
padding-inline-end: 0.75em;
padding-block-end: 0.625em;
border: 2px groove ThreeDFace;
min-inline-size: min-content;
}
......@@ -448,7 +448,7 @@ input::-webkit-clear-button {
cursor: default;
flex: none;
-webkit-user-modify: read-only !important;
-webkit-margin-start: 2px;
margin-inline-start: 2px;
opacity: 0;
pointer-events: none;
}
......@@ -464,7 +464,7 @@ input[type="search" i]::-webkit-search-cancel-button {
cursor: default;
flex: none;
-webkit-user-modify: read-only !important;
-webkit-margin-start: 1px;
margin-inline-start: 1px;
opacity: 0;
pointer-events: none;
user-select: none !important;
......@@ -706,8 +706,8 @@ input[type="color" i][list] {
}
input[type="color" i][list]::-webkit-color-swatch-wrapper {
-webkit-padding-start: 8px;
-webkit-padding-end: 24px;
padding-inline-start: 8px;
padding-inline-end: 24px;
}
input[type="color" i][list]::-webkit-color-swatch {
......@@ -826,8 +826,8 @@ select:-internal-list-box option:checked:disabled {
select:-internal-list-box hr {
border-style: none;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 0;
margin-block-start: 0.5em;
margin-block-end: 0;
}
output {
......@@ -1081,7 +1081,7 @@ summary::-webkit-details-marker {
display: inline-block;
width: 0.66em;
height: 0.66em;
-webkit-margin-end: 0.4em;
margin-inline-end: 0.4em;
}
template {
......
third_party/blink/renderer/core/css/themeInputMultipleFields.css
View file @ 2976bc70
......@@ -13,7 +13,7 @@ input[type="week" i] {
font-family: monospace;
overflow: hidden;
padding: 0;
-webkit-padding-start: 1px;
padding-inline-start: 1px;
cursor: default;
}
......@@ -93,5 +93,5 @@ input[type="time" i]::-webkit-inner-spin-button,
input[type="week" i]::-webkit-inner-spin-button {
/* FIXME: Remove height. */
height: 1.5em;
-webkit-margin-start: 2px;
margin-inline-start: 2px;
}
third_party/blink/renderer/core/html/forms/resources/calendarPicker.css
View file @ 2976bc70
......@@ -209,7 +209,7 @@ body {
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
-webkit-margin-start: 4px !important;
margin-inline-start: 4px !important;
}
.year-list-view {
......@@ -228,7 +228,7 @@ body {
.year-list-cell .label {
height: 24px;
line-height: 24px;
-webkit-padding-start: 8px;
padding-inline-start: 8px;
background-color: #f5f5f5;
border-bottom: 1px solid #bfbfbf;
}
......
third_party/blink/renderer/core/html/forms/resources/listPicker.css
View file @ 2976bc70
......@@ -10,7 +10,7 @@ select hr {
}
option, optgroup {
-webkit-padding-end: 2px;
padding-inline-end: 2px;
}
.wrap option {
......
third_party/blink/renderer/core/html/forms/resources/listPicker.js
View file @ 2976bc70
......@@ -426,11 +426,11 @@ ListPicker.prototype._configureItem = function(element, config, inGroup) {
if (config.ariaLabel)
element.setAttribute('aria-label', config.ariaLabel);
else element.removeAttribute('aria-label');
element.style.webkitPaddingStart = this._config.paddingStart + 'px';
element.style.paddingInlineStart = this._config.paddingStart + 'px';
if (inGroup) {
element.style.webkitMarginStart = (-this._config.paddingStart) + 'px';
element.style.marginInlineStart = (-this._config.paddingStart) + 'px';
// Should be synchronized with padding-end in listPicker.css.
element.style.webkitMarginEnd = '-2px';
element.style.marginInlineEnd = '-2px';
}
} else if (config.type === 'optgroup') {
element.label = config.label;
......@@ -438,15 +438,15 @@ ListPicker.prototype._configureItem = function(element, config, inGroup) {
element.disabled = config.disabled;
element.setAttribute('aria-label', config.ariaLabel);
this._updateChildren(element, config);
element.style.webkitPaddingStart = this._config.paddingStart + 'px';
element.style.paddingInlineStart = this._config.paddingStart + 'px';
} else if (config.type === 'separator') {
element.title = config.title;
element.disabled = config.disabled;
element.setAttribute('aria-label', config.ariaLabel);
if (inGroup) {
element.style.webkitMarginStart = (-this._config.paddingStart) + 'px';
element.style.marginInlineStart = (-this._config.paddingStart) + 'px';
// Should be synchronized with padding-end in listPicker.css.
element.style.webkitMarginEnd = '-2px';
element.style.marginInlineEnd = '-2px';
}
}
this._applyItemStyle(element, config.style);
......
third_party/blink/renderer/core/html/forms/resources/pickerButton.css
View file @ 2976bc70
......@@ -37,8 +37,8 @@ button {
text-shadow: 0 1px 0 rgb(240, 240, 240);
min-height: 2em;
min-width: 4em;
-webkit-padding-end: 10px;
-webkit-padding-start: 10px;
padding-inline-end: 10px;
padding-inline-start: 10px;
margin: 0;
}
......
third_party/blink/renderer/core/html/forms/resources/validation_bubble.css
View file @ 2976bc70
......@@ -124,7 +124,7 @@
#icon {
grid-row: 1 / 3;
grid-column: 1;
-webkit-margin-end: 8px;
margin-inline-end: 8px;
}
#main-message {
......
third_party/blink/renderer/core/testing/data/longpress_image_contenteditable.html
View file @ 2976bc70
......@@ -9,7 +9,7 @@ span {
</head>
<body>
<div id="textbox" contenteditable="true">
<img id="purpleimage" style="-webkit-logical-width:20px;-webkit-logical-height:100px;background-color:purple">
<img id="purpleimage" style="inline-size:20px;block-size:100px;background-color:purple">
</div>
</body>
......
third_party/blink/renderer/devtools/front_end/elements/elementsTreeOutline.css
View file @ 2976bc70
......@@ -97,7 +97,7 @@
.elements-disclosure ol {
list-style-type: none;
/** Keep it in sync with ElementsTreeElements.updateDecorators **/
-webkit-padding-start: 12px;
padding-inline-start: 12px;
margin: 0;
}
......@@ -339,7 +339,7 @@ li.selected {
li.hovered:not(.always-parent) + ol.children, .elements-tree-outline ol.shadow-root, li.selected:not(.always-parent) + ol.children {
margin-left: 5px;
-webkit-padding-start: 6px;
padding-inline-start: 6px;
border-width: 1px;
border-left-style: solid;
}
......
third_party/blink/renderer/devtools/front_end/elements/stylesSectionTree.css
View file @ 2976bc70
......@@ -89,7 +89,7 @@
ol:not(.tree-outline) {
display: none;
margin: 0;
-webkit-padding-start: 12px;
padding-inline-start: 12px;
list-style: none;
}
......
third_party/blink/renderer/devtools/front_end/layer_viewer/layerDetailsView.css
View file @ 2976bc70
......@@ -18,9 +18,9 @@ table td:first-child {
ul {
list-style: none;
-webkit-padding-start: 0;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
padding-inline-start: 0;
margin-block-start: 0;
margin-block-end: 0;
}
a {
......
third_party/blink/renderer/devtools/front_end/source_frame/xmlTree.css
View file @ 2976bc70
......@@ -8,11 +8,11 @@
list-style: none;
padding: 0;
margin: 0;
-webkit-padding-start: 16px;
padding-inline-start: 16px;
}
ol.tree-outline {
-webkit-padding-start: 0;
padding-inline-start: 0;
}
.tree-outline li {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment