highlight problematic property in the designer when error is selected (#18512)

* navigate to property when selecting error message

* use list component

* highlight problematic property

* remove unnecessary call

* comment

* comment
This commit is contained in:
Alan Ren
2022-02-21 20:49:12 -08:00
committed by GitHub
parent 3c84575755
commit 40ee82ee3e
7 changed files with 301 additions and 35 deletions

View File

@@ -30,19 +30,25 @@
}
.designer-component .messages-container {
overflow: scroll;
overflow: hidden;
height: 100%;
width: 100%;
}
.designer-component .messages-container .message-item {
padding: 0px 5px 0px 25px;
background-position: 5px center;
background-size: 16px 16px;
user-select: text;
display: flex;
}
.designer-component .messages-container .message-item .message-icon {
margin: 0px 6px;
flex: 0 0 auto;
line-height: 25px;
}
.designer-component .messages-container .message-item .message-text {
flex: 1 1 auto;
}
.designer-component .tabbed-panel-container {
flex: 1 1 auto;
overflow: hidden;