Improve error list
This commit is contained in:
@@ -68,9 +68,11 @@
|
|||||||
<div class="error-list-header">
|
<div class="error-list-header">
|
||||||
<button class="error-list-close" on:click={closeList}>✕</button>
|
<button class="error-list-close" on:click={closeList}>✕</button>
|
||||||
</div>
|
</div>
|
||||||
{#each Object.entries(errors.errorsByID) as [nodeID, nodeErrors]}
|
<div class="error-list-scroll-container">
|
||||||
|
{#each Object.entries(errors.errorsByID) as [nodeID, nodeErrors], i}
|
||||||
{@const first = nodeErrors[0]}
|
{@const first = nodeErrors[0]}
|
||||||
{@const parent = getParentNode(first)}
|
{@const parent = getParentNode(first)}
|
||||||
|
{@const last = i === Object.keys(errors.errorsByID).length - 1}
|
||||||
<div class="error-group">
|
<div class="error-group">
|
||||||
<div class="error-node-details">
|
<div class="error-node-details">
|
||||||
<span class="error-node-type">{first.comfyNodeType}</span>
|
<span class="error-node-type">{first.comfyNodeType}</span>
|
||||||
@@ -78,7 +80,7 @@
|
|||||||
<span class="error-node-parent">({parent.title})</span>
|
<span class="error-node-parent">({parent.title})</span>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
<div class="error-entries">
|
<div class="error-entries" class:last>
|
||||||
{#each nodeErrors as error}
|
{#each nodeErrors as error}
|
||||||
{@const isExecutionError = error.errorType === "execution"}
|
{@const isExecutionError = error.errorType === "execution"}
|
||||||
<div class="error-entry">
|
<div class="error-entry">
|
||||||
@@ -150,6 +152,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/each}
|
{/each}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@@ -158,7 +161,6 @@
|
|||||||
width: 30%;
|
width: 30%;
|
||||||
height: 70%;
|
height: 70%;
|
||||||
margin: 1.0rem;
|
margin: 1.0rem;
|
||||||
overflow-y: auto;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
@@ -186,6 +188,11 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.error-list-scroll-container {
|
||||||
|
height: calc(100% - 24px);
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.error-node-details {
|
.error-node-details {
|
||||||
font-size: 14pt;
|
font-size: 14pt;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
@@ -200,7 +207,7 @@
|
|||||||
font-weight: initial;
|
font-weight: initial;
|
||||||
}
|
}
|
||||||
|
|
||||||
.error-entries:last-child {
|
.error-entries:not(.last):last-child {
|
||||||
border-bottom: 1px solid #ccc;
|
border-bottom: 1px solid #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user