Describe the bug
import { QWidget, QMainWindow, FlexLayout, QTabWidget, QIcon } from './index';
const win = new QMainWindow();
const center = new QWidget();
const centerLayout = new FlexLayout();
const tabs = new QTabWidget();
const tab1 = new QWidget();
const tab1Left = new QWidget();
const tab1Right = new QWidget();
const icon = new QIcon();
center.setLayout(centerLayout);
centerLayout.addWidget(tabs);
tabs.addTab(tab1, icon, "Tab 1");
tab1.setLayout(new FlexLayout());
if (tab1.layout) {
tab1.layout.addWidget(tab1Left);
tab1.layout.addWidget(tab1Right);
}
tabs.setInlineStyle('flex:1;');
tab1.setInlineStyle('flex:1;flex-direction:"row";justify-content:"flex-start";align-items:"stretch";border:1px solid red;'); // align-items:"stretch"; doesnt work
tab1Left.setInlineStyle('width:250px;border:1px solid green;');
tab1Right.setInlineStyle('width:250px;border:1px solid blue;');
win.setCentralWidget(center);
win.resize(640, 480);
win.show();
(global as any).win = win;
To Reproduce
As above
Expected behavior
align-items:"stretch"; should work well
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
- OS: [Win]
- NodeGUI 0.7.0
- Win10 x64
Additional context
Add any other context about the problem here.
Describe the bug
import { QWidget, QMainWindow, FlexLayout, QTabWidget, QIcon } from './index';
const win = new QMainWindow();
const center = new QWidget();
const centerLayout = new FlexLayout();
const tabs = new QTabWidget();
const tab1 = new QWidget();
const tab1Left = new QWidget();
const tab1Right = new QWidget();
const icon = new QIcon();
center.setLayout(centerLayout);
centerLayout.addWidget(tabs);
tabs.addTab(tab1, icon, "Tab 1");
tab1.setLayout(new FlexLayout());
if (tab1.layout) {
tab1.layout.addWidget(tab1Left);
tab1.layout.addWidget(tab1Right);
}
tabs.setInlineStyle('flex:1;');
tab1.setInlineStyle('flex:1;flex-direction:"row";justify-content:"flex-start";align-items:"stretch";border:1px solid red;'); // align-items:"stretch"; doesnt work
tab1Left.setInlineStyle('width:250px;border:1px solid green;');
tab1Right.setInlineStyle('width:250px;border:1px solid blue;');
win.setCentralWidget(center);
win.resize(640, 480);
win.show();
(global as any).win = win;
To Reproduce
As above
Expected behavior
align-items:"stretch"; should work well
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Additional context
Add any other context about the problem here.