n8n-editor-ui 2.1.1 → 2.2.0

package/dist/assets/{WorkflowExecutionsView-J4lWGYW8.css → WorkflowExecutionsView-DzHhxp4K.css}

@@ -529,11 +529,11 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.executions-sidebar[data-v-bb8454a7] .el-skeleton__item {
+.executions-sidebar[data-v-ae104a1e] .el-skeleton__item {
   height: 60px;
   border-radius: 0;
 }
-[data-v-bb8454a7] .el-checkbox {
+[data-v-ae104a1e] .el-checkbox {
   display: flex;
   align-items: center;
 }/* BEM support Func

package/dist/assets/{WorkflowHistory-D3BhOWlD.css → WorkflowHistory-BBHdNsOb.css}

@@ -120,84 +120,121 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._item_hpps2_123 {
+._item_18356_123 {
   display: flex;
   position: relative;
   align-items: center;
   justify-content: space-between;
-  border-left: 2px var(--border-style) transparent;
-  border-bottom: var(--border-width) var(--border-style) var(--color--foreground);
-  color: var(--color--text);
-  font-size: var(--font-size--2xs);
-}
-._item_hpps2_123 p {
-  display: grid;
-  padding: var(--spacing--sm);
+  padding: 0 var(--spacing--3xs);
+  line-height: var(--line-height--xl);
+  border-radius: var(--radius);
   cursor: pointer;
+  margin-top: var(--spacing--lg);
+}
+._item_18356_123:not(._grouped_18356_134)._selected_18356_134, ._item_18356_123:not(._grouped_18356_134):hover {
+  background-color: var(--color--background--light-1);
+}
+._item_18356_123:first-child {
+  margin-top: 0;
+}
+._item_18356_123:not(:first-child):not(._grouped_18356_134)::before {
+  width: var(--border-width);
+  background-color: var(--color--foreground);
+  content: "";
+  position: absolute;
+  left: 17.5px;
+  bottom: 100%;
+  height: var(--spacing--lg);
+}
+._item_18356_123._grouped_18356_134 {
+  margin-top: var(--spacing--xs);
+}
+._item_18356_123._grouped_18356_134 ._wrapper_18356_152 {
+  border-radius: var(--radius);
+}
+._item_18356_123._grouped_18356_134._selected_18356_134 ._wrapper_18356_152, ._item_18356_123._grouped_18356_134:hover ._wrapper_18356_152 {
+  background-color: var(--color--background--light-1);
+}
+._wrapper_18356_152 {
+  display: flex;
+  flex: 1;
+  align-items: center;
+}
+._timelineColumn_18356_165 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: var(--spacing--lg);
+  min-width: var(--spacing--lg);
+  position: relative;
+  align-self: stretch;
+}
+._timelineMarker_18356_176 {
+  position: relative;
+  width: 13px;
+  height: 13px;
+  border-radius: 50%;
+  border: 1.33px solid var(--color--text--tint-1);
+}
+._timelineLine_18356_184 {
+  width: var(--border-width);
+  background-color: var(--color--foreground);
+  position: absolute;
+  top: calc(-1 * var(--spacing--xs));
+  bottom: 0;
+}
+._content_18356_192 {
+  display: flex;
+  flex-direction: column;
+  padding: var(--spacing--3xs);
   flex: 1 1 auto;
+  min-width: 0;
 }
-._item_hpps2_123 p time {
-  padding: 0 0 var(--spacing--5xs);
-  color: var(--color--text--shade-1);
-  font-size: var(--font-size--sm);
-  font-weight: var(--font-weight--bold);
+._mainRow_18356_200 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing--2xs);
 }
-._item_hpps2_123 p span,
-._item_hpps2_123 p data {
-  justify-self: start;
-  max-width: 160px;
+._mainLine_18356_206 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  margin-top: calc(var(--spacing--4xs) * -1);
-  font-size: var(--font-size--2xs);
 }
-._item_hpps2_123 p ._mainLine_hpps2_155 {
-  padding: 0 0 var(--spacing--5xs);
-  color: var(--color--text--shade-1);
-  font-size: var(--font-size--sm);
-  font-weight: var(--font-weight--bold);
+._metaRow_18356_212 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing--5xs);
+  margin-top: var(--spacing--5xs);
 }
-._item_hpps2_123 p ._metaItem_hpps2_161 {
-  justify-self: start;
-  max-width: 180px;
+._metaItem_18356_219 {
+  max-width: 120px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  margin-top: calc(var(--spacing--4xs) * -1);
-  font-size: var(--font-size--2xs);
-  padding: 0;
-  color: var(--color--text);
-  font-weight: var(--font-weight--regular);
 }
-._item_hpps2_123 ._tail_hpps2_173 {
+._unnamedRow_18356_226 {
   display: flex;
   align-items: center;
-  justify-content: space-between;
 }
-._item_hpps2_123._selected_hpps2_178 {
-  background-color: var(--color--background);
-  border-left-color: var(--color--primary);
-}
-._item_hpps2_123._selected_hpps2_178 p {
-  cursor: default;
+._unnamedAuthor_18356_231 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 110px;
 }
-._item_hpps2_123:hover, ._item_hpps2_123._actionsVisible_hpps2_185 {
-  border-left-color: var(--color--foreground--shade-2);
+._unnamedTime_18356_238 {
+  margin-left: var(--spacing--5xs);
 }
-._actions_hpps2_185 {
+._actions_18356_242 {
   display: block;
   padding: var(--spacing--3xs);
 }
-._publishedBadge_hpps2_194 {
+._publishedBadge_18356_247 {
   background-color: var(--color--success);
   color: var(--color--foreground--tint-2);
 }
-._publishedBadge_hpps2_194 .n8n-text {
-  font-size: var(--font-size--2xs);
-  line-height: var(--line-height--sm);
-}
-._tooltipContent_hpps2_203 {
+._tooltipContent_18356_252 {
   min-width: 200px;
   display: flex;
   flex-direction: column;
@@ -324,35 +361,51 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._list_1i94b_123 {
+._list_1dkdi_123 {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;
+  padding: var(--spacing--sm) var(--spacing--2xs);
 }
-._empty_1i94b_132 {
-  display: flex;
-  position: absolute;
-  height: 100%;
-  padding: 0 25%;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  color: var(--color--text);
-  font-size: var(--font-size--sm);
-  line-height: var(--line-height--lg);
-}
-._loader_1i94b_145 {
+._loader_1dkdi_133 {
   padding: 0 var(--spacing--sm);
 }
-._retention_1i94b_149 {
+._sentinel_1dkdi_137 {
+  height: 1px;
+}
+._retention_1dkdi_141 {
   display: grid;
   padding: var(--spacing--sm);
   font-size: var(--font-size--2xs);
   line-height: var(--line-height--lg);
   text-align: center;
+}
+._groupHeader_1dkdi_149 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing--2xs);
+  padding: var(--spacing--2xs) var(--spacing--3xs);
+  margin-top: var(--spacing--lg);
+  cursor: pointer;
+  position: relative;
+}
+._groupHeader_1dkdi_149:not(:first-child)::before {
+  width: var(--border-width);
+  background-color: var(--color--foreground);
+  content: "";
+  position: absolute;
+  left: 17.5px;
+  bottom: 100%;
+  height: var(--spacing--lg);
+}
+._groupTimelineColumn_1dkdi_168 {
+  min-width: var(--spacing--lg);
+}
+._groupChevron_1dkdi_172 {
+  color: var(--color--text--tint-1);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -475,7 +528,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._content_1x7a8_123 {
+._content_1m14m_123 {
   position: absolute;
   display: block;
   left: 0;
@@ -484,19 +537,20 @@
   height: 100%;
   overflow: auto;
 }
-._info_1x7a8_133 {
+._info_1m14m_133 {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
 }
-._card_1x7a8_141 {
-  padding: var(--spacing--sm) var(--spacing--lg) 0;
-  border: 0;
+._card_1m14m_141 {
+  display: flex;
   align-items: start;
+  justify-content: space-between;
+  padding: var(--spacing--sm) var(--spacing--lg) 0;
 }
-._card_1x7a8_141 ._descriptionBox_1x7a8_146 {
+._descriptionBox_1m14m_148 {
   display: flex;
   flex-direction: column;
   max-width: 330px;
@@ -507,42 +561,38 @@
   border-radius: var(--radius);
   background-color: var(--color--background--light-3);
 }
-._card_1x7a8_141 ._descriptionBox_1x7a8_146 ._mainLine_1x7a8_157 {
+._mainLine_1m14m_160 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: default;
 }
-._card_1x7a8_141 ._textOld_1x7a8_163 {
+._textOld_1m14m_167 {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
 }
-._card_1x7a8_141 ._textOld_1x7a8_163 p {
+._textOld_1m14m_167 p {
   display: flex;
   align-items: center;
   padding: 0;
   cursor: default;
 }
-._card_1x7a8_141 ._textOld_1x7a8_163 p:first-child {
+._textOld_1m14m_167 p:first-child {
   padding-top: var(--spacing--3xs);
   padding-bottom: var(--spacing--4xs);
 }
-._card_1x7a8_141 ._textOld_1x7a8_163 p:first-child * {
+._textOld_1m14m_167 p:first-child * {
   margin-top: auto;
   font-size: var(--font-size--md);
 }
-._card_1x7a8_141 ._textOld_1x7a8_163 p:last-child {
+._textOld_1m14m_167 p:last-child {
   padding-top: var(--spacing--3xs);
 }
-._card_1x7a8_141 ._textOld_1x7a8_163 p:last-child * {
+._textOld_1m14m_167 p:last-child * {
   font-size: var(--font-size--2xs);
 }
-._card_1x7a8_141 ._textOld_1x7a8_163 p ._label_1x7a8_188 {
-  color: var(--color--text--tint-1);
-  padding-right: var(--spacing--4xs);
-}
-._card_1x7a8_141 ._textOld_1x7a8_163 p * {
+._textOld_1m14m_167 p * {
   max-width: unset;
   justify-self: unset;
   white-space: unset;
@@ -550,6 +600,14 @@
   text-overflow: unset;
   padding: 0;
   font-size: var(--font-size--sm);
+}
+._label_1m14m_202 {
+  color: var(--color--text--tint-1);
+  padding-right: var(--spacing--4xs);
+}
+._actions_1m14m_207 {
+  display: block;
+  padding: var(--spacing--3xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -672,7 +730,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._view_ley84_123 {
+._view_1q9dy_123 {
   position: relative;
   display: grid;
   width: 100%;
@@ -681,14 +739,14 @@
   grid-template-rows: 65px auto;
   background-color: var(--color--background--light-3);
 }
-._header_ley84_133 {
+._header_1q9dy_133 {
   grid-area: header;
   display: flex;
   align-items: center;
   padding: 0 var(--spacing--lg);
   border-bottom: var(--border-width) var(--border-style) var(--color--foreground);
 }
-._corner_ley84_141 {
+._corner_1q9dy_141 {
   grid-area: corner;
   display: flex;
   align-items: center;
@@ -698,21 +756,12 @@
   border-bottom: var(--border-width) var(--border-style) var(--color--foreground);
   border-left: var(--border-width) var(--border-style) var(--color--foreground);
 }
-._contentComponentWrapper_ley84_152 {
+._contentComponentWrapper_1q9dy_152 {
   grid-area: content;
   position: relative;
 }
-._listComponentWrapper_ley84_157 {
+._listComponentWrapper_1q9dy_157 {
   grid-area: list;
   position: relative;
-}
-._listComponentWrapper_ley84_157::before {
-  content: "";
-  display: block;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: var(--border-width);
-  background-color: var(--color--foreground);
+  border-left: var(--border-width) var(--border-style) var(--color--foreground);
 }