Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity
1796b9d996
PromucFlow_constructor/app/client/cypress/fixtures/autoHeightContentAlignmentDSL.json

214 lines
6.0 KiB
JSON
Raw Normal View History

fix: center the widget when height is min auto height (#19496) ## Description Widgets like Text widget cannot be centered vertically by default in the canvas as they used to before the Auto Height feature. The reason for this is that the Auto height feature allows components to specify the height of the widgets, instead of the other way around (which used to be the case before auto height) To fix this, we've made it so that, when a widget -- which has auto height enabled -- has a height equal to the minimum height and is set to the minimum possible height (4 rows), the contents in the component are centered vertically. Fixes #20119 Co-authored-by: Abhinav Jha <abhinav@appsmith.com>
2023-02-02 12:48:50 +00:00
{
"dsl": {
"widgetName": "MainContainer",
"backgroundColor": "none",
"rightColumn": 1224,
"snapColumns": 64,
"detachFromLayout": true,
"widgetId": "0",
"topRow": 0,
"bottomRow": 610,
"containerStyle": "none",
"snapRows": 109,
"parentRowSpace": 1,
"type": "CANVAS_WIDGET",
"canExtend": true,
"version": 76,
"minHeight": 1100,
"parentColumnSpace": 1,
"dynamicBindingPathList": [],
"leftColumn": 0,
"children": [
{
"widgetName": "Text1",
"displayName": "Text",
"iconSVG": "/static/media/icon.97c59b523e6f70ba6f40a10fc2c7c5b5.svg",
"searchTags": [
"typography",
"paragraph",
"label"
],
"topRow": 19,
"bottomRow": 23,
"parentRowSpace": 10,
"type": "TEXT_WIDGET",
"hideCard": false,
"animateLoading": true,
"overflow": "NONE",
"fontFamily": "{{appsmith.theme.fontFamily.appFont}}",
"parentColumnSpace": 30.65625,
"leftColumn": 3,
"dynamicBindingPathList": [
{
"key": "truncateButtonColor"
},
{
"key": "fontFamily"
},
{
"key": "borderRadius"
}
],
"shouldTruncate": false,
"truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
"text": "Label",
"key": "6tq5jo8m9o",
"isDeprecated": false,
"rightColumn": 19,
"textAlign": "LEFT",
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "x2dmaguw7a",
"isVisible": true,
"fontStyle": "BOLD",
"textColor": "#231F20",
"version": 1,
"parentId": "0",
"renderMode": "CANVAS",
"isLoading": false,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"maxDynamicHeight": 9000,
"fontSize": "1rem",
"minDynamicHeight": 4
},
{
"widgetName": "Checkbox1",
"displayName": "Checkbox",
"iconSVG": "/static/media/icon.aaab032b43383e4fa53ffc0ef40c90ef.svg",
"searchTags": [
"boolean"
],
"topRow": 19,
"bottomRow": 23,
"parentRowSpace": 10,
"type": "CHECKBOX_WIDGET",
"alignWidget": "LEFT",
"hideCard": false,
"animateLoading": true,
"parentColumnSpace": 16.234375,
"leftColumn": 19,
"dynamicBindingPathList": [
{
"key": "accentColor"
},
{
"key": "borderRadius"
}
],
"labelPosition": "Left",
"isDisabled": false,
"key": "0lcdgwkate",
"isRequired": false,
"isDeprecated": false,
"rightColumn": 31,
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "sio6hr58nk",
"accentColor": "{{appsmith.theme.colors.primaryColor}}",
"isVisible": true,
"label": "Label",
"version": 1,
"parentId": "0",
"renderMode": "CANVAS",
"isLoading": false,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"defaultCheckedState": true,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
},
{
"boxShadow": "none",
"widgetName": "Switch1",
"displayName": "Switch",
"iconSVG": "/static/media/icon.a3115bc1c224776de2846985c8819f99.svg",
"searchTags": [
"boolean"
],
"topRow": 19,
"bottomRow": 23,
"parentRowSpace": 10,
"type": "SWITCH_WIDGET",
"alignWidget": "LEFT",
"hideCard": false,
"animateLoading": true,
"parentColumnSpace": 16.234375,
"leftColumn": 31,
"dynamicBindingPathList": [
{
"key": "accentColor"
}
],
"labelPosition": "Left",
"isDisabled": false,
"key": "fvcabh7un2",
"isDeprecated": false,
"rightColumn": 43,
"dynamicHeight": "AUTO_HEIGHT",
"widgetId": "4vy4pjyjat",
"accentColor": "{{appsmith.theme.colors.primaryColor}}",
"isVisible": true,
"label": "Label",
"defaultSwitchState": true,
"version": 1,
"parentId": "0",
"renderMode": "CANVAS",
"isLoading": false,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4
},
{
"widgetName": "Text2",
"displayName": "Text",
"iconSVG": "/static/media/icon.97c59b523e6f70ba6f40a10fc2c7c5b5.svg",
"searchTags": [
"typography",
"paragraph",
"label"
],
"topRow": 28,
"bottomRow": 53,
"parentRowSpace": 10,
"type": "TEXT_WIDGET",
"hideCard": false,
"shouldScrollContents": true,
"animateLoading": true,
"overflow": "NONE",
"fontFamily": "{{appsmith.theme.fontFamily.appFont}}",
"parentColumnSpace": 16.234375,
"dynamicTriggerPathList": [],
"leftColumn": 6,
"dynamicBindingPathList": [
{
"key": "truncateButtonColor"
},
{
"key": "fontFamily"
},
{
"key": "borderRadius"
}
],
"shouldTruncate": false,
"truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
"text": "Label",
"key": "icj86qlo1j",
"isDeprecated": false,
"rightColumn": 22,
"textAlign": "LEFT",
"dynamicHeight": "AUTO_HEIGHT_WITH_LIMITS",
"widgetId": "1k6r0gx5sd",
"isVisible": true,
"fontStyle": "BOLD",
"textColor": "#231F20",
"version": 1,
"parentId": "0",
"renderMode": "CANVAS",
"isLoading": false,
"originalTopRow": 28,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"maxDynamicHeight": 38,
"originalBottomRow": 32,
"fontSize": "1rem",
"minDynamicHeight": 25
}
]
}
}
Reference in New Issue Copy Permalink