Improve error list

This commit is contained in:
space-nuko
2023-05-28 20:39:21 -05:00
parent fe736232a9
commit ce6f3b1273

View File

@@ -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;
} }