n8n-editor-ui 1.106.1 → 1.107.0

package/dist/assets/{MainHeader-qSHM1Rvp.css → MainHeader-C7eM_NQZ.css}

@@ -120,59 +120,57 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._avatars_1u5zw_123 {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  cursor: pointer;
+._triggerContainer_1gki6_123 {
+  display: inline-block;
+  position: relative;
+  --tag-height: 24px;
 }
-._avatar_1u5zw_123 {
-  margin-right: calc(-1 * var(--spacing-3xs));
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
+._activeTrigger_1gki6_129 {
+  --tag-text-color: var(--color-primary);
+  --tag-border-color: var(--color-primary);
 }
-._hiddenBadge_1u5zw_133 {
+._popoverContent_1gki6_134 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  width: 28px;
-  height: 28px;
-  color: var(--color-text-base);
-  background-color: var(--color-background-xlight);
-  font-weight: var(--font-weight-bold);
-  font-size: var(--font-size-3xs);
-  z-index: 999;
-  border: var(--border-width-base) var(--border-style-base) var(--color-info-tint-1);
-  border-radius: 50%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: var(--spacing-s);
+  padding: var(--spacing-m) var(--spacing-s);
 }
-._groupContainer_1u5zw_148 {
+._actionItem_1gki6_141 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
+  -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-transition: opacity 0.3s ease, -webkit-filter 0.3s ease;
+  transition: opacity 0.3s ease, -webkit-filter 0.3s ease;
+  transition: opacity 0.3s ease, filter 0.3s ease;
+  transition: opacity 0.3s ease, filter 0.3s ease, -webkit-filter 0.3s ease;
+  border-bottom: var(--border-base);
 }
-._groupContainer_1u5zw_148 + ._groupContainer_1u5zw_148 {
-  margin-top: var(--spacing-3xs);
+._actionItem_1gki6_141._ignoring_1gki6_147 {
+  opacity: 0.5;
+  -webkit-filter: grayscale(0.8);
+          filter: grayscale(0.8);
+  pointer-events: none;
+  cursor: not-allowed;
 }
-._groupName_1u5zw_156 {
-  font-size: var(--font-size-3xs);
-  color: var(--color-text-light);
-  text-transform: uppercase;
-  font-weight: var(--font-weight-bold);
-  margin-bottom: var(--spacing-4xs);
+._actionable_1gki6_154:hover {
+  cursor: pointer;
 }
-._groupUsers_1u5zw_164 {
+._actionable_1gki6_154:hover ._actionHeader_1gki6_157 {
+  color: var(--color-primary);
+}
+._actionable_1gki6_154:hover:has(a:hover) ._actionHeader_1gki6_157 {
+  color: var(--color-text-dark);
+}
+._actionItemBody_1gki6_164 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -180,14 +178,17 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  gap: var(--spacing-2xs);
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  padding-bottom: var(--spacing-s);
 }
-._userInfoContainer_1u5zw_170 {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  padding-top: var(--spacing-5xs);
-  padding-bottom: var(--spacing-5xs);
+._checkboxContainer_1gki6_171 {
+  padding-top: 1px;
+  padding-right: var(--spacing-xs);
+}
+._ignoreAllContainer_1gki6_176 {
+  padding-left: var(--spacing-5xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -310,23 +311,74 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_j6ct2_123 {
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  transform: translateX(-50%) translateY(50%);
-  min-height: 30px;
+._avatars_1u5zw_123 {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  padding: var(--spacing-5xs);
-  background-color: var(--color-foreground-base);
-  border-radius: var(--border-radius-base);
-  transition: all 150ms ease-in-out;
-  z-index: 1;
+  cursor: pointer;
 }
-@media screen and (max-width: 430px) {
-._container_j6ct2_123 {
-    flex-direction: column;
+._avatar_1u5zw_123 {
+  margin-right: calc(-1 * var(--spacing-3xs));
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+._hiddenBadge_1u5zw_133 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 28px;
+  height: 28px;
+  color: var(--color-text-base);
+  background-color: var(--color-background-xlight);
+  font-weight: var(--font-weight-bold);
+  font-size: var(--font-size-3xs);
+  z-index: 999;
+  border: var(--border-width-base) var(--border-style-base) var(--color-info-tint-1);
+  border-radius: 50%;
 }
+._groupContainer_1u5zw_148 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+._groupContainer_1u5zw_148 + ._groupContainer_1u5zw_148 {
+  margin-top: var(--spacing-3xs);
+}
+._groupName_1u5zw_156 {
+  font-size: var(--font-size-3xs);
+  color: var(--color-text-light);
+  text-transform: uppercase;
+  font-weight: var(--font-weight-bold);
+  margin-bottom: var(--spacing-4xs);
+}
+._groupUsers_1u5zw_164 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: var(--spacing-2xs);
+}
+._userInfoContainer_1u5zw_170 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding-top: var(--spacing-5xs);
+  padding-bottom: var(--spacing-5xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -449,30 +501,23 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.tags-container[data-v-6bab2764] {
-  display: block;
-  max-width: 300px;
-}
-.tags[data-v-6bab2764] {
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  max-width: 100%;
-}
-.tags > span[data-v-6bab2764] {
-  padding-right: 4px;
-}
-.hideTag[data-v-6bab2764] {
-  visibility: hidden;
+._container_j6ct2_123 {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%) translateY(50%);
+  min-height: 30px;
+  display: flex;
+  padding: var(--spacing-5xs);
+  background-color: var(--color-foreground-base);
+  border-radius: var(--border-radius-base);
+  transition: all 150ms ease-in-out;
+  z-index: 1;
 }
-.el-tag.hoverable[data-v-6bab2764]:hover {
-  border-color: var(--color-primary);
+@media screen and (max-width: 430px) {
+._container_j6ct2_123 {
+    flex-direction: column;
 }
-.count-container[data-v-6bab2764] {
-  position: absolute;
-  max-width: 40px;
-  text-overflow: ellipsis;
-  overflow: hidden;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -595,19 +640,30 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._workflowHistoryButton_1uro5_123 {
-  width: 30px;
-  height: 30px;
-  color: var(--color-text-dark);
-  border-radius: var(--border-radius-base);
+.tags-container[data-v-6bab2764] {
+  display: block;
+  max-width: 300px;
 }
-._workflowHistoryButton_1uro5_123:hover {
-  background-color: var(--color-background-base);
+.tags[data-v-6bab2764] {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  max-width: 100%;
 }
-._workflowHistoryButton_1uro5_123 :disabled {
-  background: transparent;
-  border: none;
-  opacity: 0.5;
+.tags > span[data-v-6bab2764] {
+  padding-right: 4px;
+}
+.hideTag[data-v-6bab2764] {
+  visibility: hidden;
+}
+.el-tag.hoverable[data-v-6bab2764]:hover {
+  border-color: var(--color-primary);
+}
+.count-container[data-v-6bab2764] {
+  position: absolute;
+  max-width: 40px;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -854,66 +910,82 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.name-container[data-v-2761781f] {
+.name-container[data-v-9c3251f0] {
   margin-right: var(--spacing-s);
 }
-.name-container[data-v-2761781f] .el-input {
+.name-container[data-v-9c3251f0] .el-input {
   padding: 0;
 }
-.name[data-v-2761781f] {
+.name[data-v-9c3251f0] {
   color: var(--color-text-dark);
   font-size: var(--font-size-s);
   padding: var(--spacing-3xs) var(--spacing-4xs) var(--spacing-4xs);
 }
-.activator[data-v-2761781f] {
+.activator[data-v-9c3251f0] {
   color: var(--color-text-dark);
   font-weight: var(--font-weight-regular);
   font-size: 13px;
   line-height: 24px;
   align-items: center;
 }
-.activator > span[data-v-2761781f] {
+.activator > span[data-v-9c3251f0] {
   margin-right: 5px;
 }
-.add-tag[data-v-2761781f] {
+.add-tag[data-v-9c3251f0] {
   font-size: 12px;
   padding: 20px 0;
   color: var(--color-text-light);
   font-weight: var(--font-weight-bold);
   white-space: nowrap;
 }
-.add-tag[data-v-2761781f]:hover {
+.add-tag[data-v-9c3251f0]:hover {
   color: var(--color-primary);
 }
-.tags[data-v-2761781f] {
+.tags[data-v-9c3251f0] {
   display: flex;
   align-items: center;
   width: 100%;
   flex: 1;
   margin-right: 20px;
 }
-.tags-edit[data-v-2761781f] {
+.tags-edit[data-v-9c3251f0] {
   min-width: 100px;
   width: 100%;
   max-width: 460px;
 }
-.archived[data-v-2761781f] {
+.archived[data-v-9c3251f0] {
   display: flex;
   align-items: center;
   width: 100%;
   flex: 1;
   margin-right: 20px;
 }
-.actions[data-v-2761781f] {
+.actions[data-v-9c3251f0] {
   display: flex;
   align-items: center;
   gap: var(--spacing-m);
   flex-wrap: nowrap;
 }
 @media screen and (max-width: 767px) {
-.name[data-v-2761781f] input {
+.name[data-v-9c3251f0] input {
     min-width: 180px;
 }
+}
+@media (max-width: 1390px) {
+.name-container[data-v-9c3251f0] {
+    margin-right: var(--spacing-xs);
+}
+.actions[data-v-9c3251f0] {
+    gap: var(--spacing-xs);
+}
+}
+@media (max-width: 1350px) {
+.name-container[data-v-9c3251f0] {
+    margin-right: var(--spacing-2xs);
+}
+.actions[data-v-9c3251f0] {
+    gap: var(--spacing-2xs);
+}
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -1189,20 +1261,20 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_hdyww_123 {
+._container_gg3to_123 {
   display: flex;
   position: relative;
   width: 100%;
   align-items: center;
 }
-._main-header_hdyww_130 {
+._main-header_gg3to_130 {
   min-height: var(--navbar--height);
   background-color: var(--color-background-xlight);
   width: 100%;
   box-sizing: border-box;
   border-bottom: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
 }
-._top-menu_hdyww_138 {
+._top-menu_gg3to_138 {
   position: relative;
   display: flex;
   height: var(--navbar--height);
@@ -1212,7 +1284,7 @@
   overflow-x: auto;
   overflow-y: hidden;
 }
-._github-button_hdyww_149 {
+._github-button_gg3to_149 {
   display: flex;
   align-items: center;
   align-self: stretch;
@@ -1220,7 +1292,7 @@
   background-color: var(--color-background-xlight);
   border-left: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
 }
-._close-github-button_hdyww_158 {
+._close-github-button_gg3to_158 {
   display: none;
   position: absolute;
   right: 0;
@@ -1231,12 +1303,28 @@
   border-radius: 100%;
   cursor: pointer;
 }
-._close-github-button_hdyww_158:hover {
-  color: var(--prim-color-primary-shade-100);
+._close-github-button_gg3to_158:hover {
+  color: var(--p-color-primary-420);
 }
-._github-button-container_hdyww_173 {
+._github-button-container_gg3to_173 {
   position: relative;
 }
-._github-button_hdyww_149:hover ._close-github-button_hdyww_158 {
+._github-button_gg3to_149:hover ._close-github-button_gg3to_158 {
   display: block;
+}
+@media (max-width: 1390px) {
+._github-button_gg3to_149 {
+    padding: var(--spacing-5xs) var(--spacing-xs);
+}
+}
+@media (max-width: 1340px) {
+._github-button_gg3to_149 {
+    border-left: 0;
+    padding-left: 0;
+}
+}
+@media (max-width: 1290px) {
+._github-button_gg3to_149 {
+    display: none;
+}
 }