|
|
@@ -54,23 +54,23 @@ export default class GridEditModal extends React.PureComponent {
|
|
|
this.cancel();
|
|
|
}
|
|
|
|
|
|
- showBgCols() {
|
|
|
+ /* showBgCols() {
|
|
|
const cols = [];
|
|
|
for (let i = 0; i < 12; i++) {
|
|
|
// [bg-light:TODO support dark mode by GW-3037]
|
|
|
cols.push(<div className="bg-light grid-bg-col col-1"></div>);
|
|
|
}
|
|
|
return cols;
|
|
|
- }
|
|
|
+ } */
|
|
|
|
|
|
- showEditableCols() {
|
|
|
+ /* showEditableCols() {
|
|
|
const cols = [];
|
|
|
for (let i = 0; i < 12; i++) {
|
|
|
// [bg-light:TODO support dark mode by GW-3037]
|
|
|
cols.push(<div className="bg-dark grid-bg-col col-1"></div>);
|
|
|
}
|
|
|
return cols;
|
|
|
- }
|
|
|
+ } */
|
|
|
|
|
|
render() {
|
|
|
return (
|
|
|
@@ -79,31 +79,6 @@ export default class GridEditModal extends React.PureComponent {
|
|
|
Edit Grid
|
|
|
</ModalHeader>
|
|
|
<ModalBody>
|
|
|
- <div className="container">
|
|
|
- <div className="row">
|
|
|
- <div className="col-3">
|
|
|
- <h5>Phone</h5>
|
|
|
- <div className="device-container"></div>
|
|
|
- <h5>Tablet</h5>
|
|
|
- <div className="device-container"></div>
|
|
|
- <h5>Desktop</h5>
|
|
|
- <div className="device-container"></div>
|
|
|
- <h5>Large Desktop</h5>
|
|
|
- <div className="device-container"></div>
|
|
|
- </div>
|
|
|
- <div className="col-9">
|
|
|
- <div className="row h-100">
|
|
|
- {this.showBgCols()}
|
|
|
- </div>
|
|
|
- <div className="row w-100 h-100 position-absolute grid-editable-row">
|
|
|
- {/* [Just an example to check if bg-cols and editable-cols fit] */}
|
|
|
- <div className="bg-dark grid-editable-col col-3"></div>
|
|
|
- <div className="bg-dark grid-editable-col col-5"></div>
|
|
|
- <div className="bg-dark grid-editable-col col-4"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</ModalBody>
|
|
|
<ModalFooter className="grw-modal-footer">
|
|
|
<div className="ml-auto">
|