n8n-editor-ui/dist/assets/TestRunDetailView-CVGty0j0.css

Workflow Editor UI for n8n

/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/**
	When hovering over link in row, ensure hover background is removed from row
 */
tr:hover:has(.open-execution-link:hover) {
  --table--row--color--background--hover: transparent;
}/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
._container_8z68v_123 {
  height: 100%;
  width: 100%;
  max-width: var(--content-container--width);
  padding: var(--spacing--lg) 0;
}
._header_8z68v_130 {
  display: flex;
  align-items: center;
  gap: var(--spacing--2xs);
  margin-bottom: var(--spacing--lg);
}
._header_8z68v_130 ._timestamp_8z68v_136 {
  color: var(--color--text);
  font-size: var(--font-size--sm);
}
._backButton_8z68v_141 {
  display: flex;
  align-items: center;
  gap: var(--spacing--3xs);
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--color--text);
  transition: color 0.1s ease-in-out;
}
._backButton_8z68v_141:hover {
  color: var(--color--primary);
}
._headerSeparator_8z68v_156 {
  font-size: var(--font-size--xl);
  color: var(--color--text--tint-1);
}
._summary_8z68v_161 {
  margin-bottom: var(--spacing--md);
}
._summary_8z68v_161 ._summaryStats_8z68v_164 {
  display: flex;
  gap: var(--spacing--lg);
}
._stat_8z68v_169 {
  display: flex;
  flex-direction: column;
}
._controls_8z68v_174 {
  display: flex;
  gap: var(--spacing--sm);
  margin-bottom: var(--spacing--sm);
}
._downloadButton_8z68v_180 {
  margin-bottom: var(--spacing--sm);
}
._runsHeader_8z68v_184 {
  display: flex;
}
._runsHeader_8z68v_184 > div:first-child {
  flex: 1;
}
._runsHeaderButtons_8z68v_191 {
  display: flex;
  gap: var(--spacing--xs);
}
._loading_8z68v_196 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
}
._scrollableSummary_8z68v_203 {
  border: var(--border-width) var(--border-style) var(--color--foreground);
  border-radius: 5px;
  background-color: var(--color--background--light-3);
}
._scrollableSummary_8z68v_203 .el-scrollbar__bar {
  opacity: 1;
}
._scrollableSummary_8z68v_203 .el-scrollbar__thumb {
  background-color: var(--color--foreground);
}
._scrollableSummary_8z68v_203 .el-scrollbar__thumb:hover {
  background-color: var(--color--foreground--shade-1);
}
._summaryCard_8z68v_218 {
  height: 100px;
  box-sizing: border-box;
  padding: var(--spacing--sm);
  border-right: var(--border-width) var(--border-style) var(--color--foreground);
  flex-basis: 169px;
  flex-shrink: 0;
  max-width: 170px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._summaryCard_8z68v_218:first-child {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
._capitalized_8z68v_235 {
  text-transform: none;
}
._capitalized_8z68v_235::first-letter {
  text-transform: uppercase;
}
._summaryCardTitle_8z68v_243 {
  display: inline;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  flex-shrink: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--color--text);
}
._summaryCardContentLargeNumber_8z68v_254 {
  font-size: 32px;
  line-height: 1;
}
._alertText_8z68v_259 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  word-break: break-word;
  color: var(--color--text--danger);
  font-size: var(--font-size--2xs);
  line-height: 1.25;
}
._deletedExecutionRowIndex_8z68v_274 {
  color: var(--color--text);
  font-weight: var(--font-weight--regular);
}