Table Designer - Save Changes feature and Editor related features (#17335)

* table designer add/remove row support

* save changes and editor support

* address comments

* fix build error

* including missing change

* lower case request name
This commit is contained in:
Alan Ren
2021-10-11 15:09:25 -07:00
committed by GitHub
parent e5f50499ce
commit ce4459a7b2
23 changed files with 495 additions and 90 deletions

View File

@@ -59,7 +59,8 @@
.designer-component .components-grid {
display: grid;
grid-template-columns: max-content auto; /* label, component*/
/* grid-template-columns: column 1 is for label, column 2 is for component.*/
grid-template-columns: max-content auto;
grid-template-rows: max-content;
grid-gap: 5px;
padding: 5px;
@@ -68,10 +69,23 @@
}
.designer-component .components-grid .full-row {
grid-area: span 1 / span 2; /* spans 1 row and 2 columns*/
grid-area: span 1 / span 2;
}
.designer-component .monaco-table .slick-cell.editable {
padding: 0px;
border-width: 0px;
}
.designer-component .add-row-button-container {
display: flex;
flex-flow: row-reverse;
}
.designer-component .add-row-button-container .codicon.add-row-button {
width: fit-content;
background-repeat: no-repeat;
background-size: 13px;
padding-left: 17px;
background-position: 2px center;
}