Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-21 09:15:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1560009 - Clean up the FlexItemSizingOutline component. r=mtigley

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D35267
This commit is contained in:
Gabriel Luong 2019-06-18 16:35:00 -04:00
parent c327ad117f
commit f44521ca57
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
devtools/client/inspector/flexbox/components/FlexItemSizingOutline.js
View File

@ -38,14 +38,18 @@ class FlexItemSizingOutline extends PureComponent {
);
}
renderFinalOutline(mainFinalSize, mainMaxSize, mainMinSize, isClamped) {
return (
dom.div({ className: "flex-outline-final" + (isClamped ? " clamped" : "") })
);
renderFinalOutline(isClamped) {
return dom.div({ className: "flex-outline-final" + (isClamped ? " clamped" : "") });
}
renderPoint(className, label = className) {
return dom.div({ className: `flex-outline-point ${className}`, "data-label": label });
return (
dom.div({
key: className,
className: `flex-outline-point ${className}`,
"data-label": label,
})
);
}
render() {
@ -145,7 +149,7 @@ class FlexItemSizingOutline extends PureComponent {
dom.div(
{
className: `flex-outline ${mainAxisDirection}` +
(mainDeltaSize > 0 ? " growing" : " shrinking"),
(mainDeltaSize > 0 ? " growing" : " shrinking"),
style: {
gridTemplateColumns,
},
@ -155,8 +159,7 @@ class FlexItemSizingOutline extends PureComponent {
showMax ? this.renderPoint("max") : null,
this.renderBasisOutline(mainBaseSize),
this.renderDeltaOutline(mainDeltaSize),
this.renderFinalOutline(mainFinalSize, mainMaxSize, mainMinSize,
clampState !== "unclamped")
this.renderFinalOutline(clampState !== "unclamped")
)
)
);