@steedos-labs/plugin-workflow 3.0.39 → 3.0.41

package/public/workflow/index.css

@@ -50,99 +50,6 @@
     display: block !important;
 }
 
-.instance-box-tree .antd-TreeControl{
-    padding: 0;
-    background: #ffffff;
-}
-
-/* Remove default tree styling to allow custom styling */
-.instance-box-tree .antd-Tree-itemLabel-item{
-    padding: 0 !important;
-    margin: 0 !important;
-    display: flex !important;
-    align-items: center !important;
-    width: 100%; /* Ensure it spans the width */
-}
-
-/* Ensure the label container is also flex centered and full width */
-.instance-box-tree .antd-Tree-itemLabel {
-    display: flex !important;
-    align-items: center !important;
-    width: 100%;
-    padding-right: 4px;
-}
-
-/* Tree item wrapper - removed margin to allow full-row background */
-/* .instance-box-tree .antd-TreeControl{
-    padding: 0;
-    border-bottom: 0px;
-    border-radius: 0px;
-    border-right: 0px;
-    max-height: 100%;
-    padding-top: 8px;
-    padding-left: 4px;
-}
-.instance-box-tree .antd-Tree {
-    max-height: 100%;
-}
-.instance-box-tree .antd-Tree-itemLabel{
-    padding-left: 0;
-}
-
-.instance-box-tree .antd-Tree-itemLabel-item{
-    padding-left: 0;
-}
-.instance-box-tree .antd-Tree-itemArrow{
-    margin-right: 0;
-}
-.instance-box-tree .antd-Tree-itemIcon{
-    margin-right: 4px;
-} */
-/* Fix Badge layout: force it to flow naturally in flex layout to display full content for large numbers like 9999 */
-/* Also ensures it stays aligned to the right of the text label without overlapping */
-.instance-box-tree .antd-Badge {
-    height: auto !important;
-    width: auto !important;
-    position: static !important;
-    transform: none !important;
-    flex-shrink: 0;
-    margin-left: 4px;
-    display: flex;
-    align-items: center;
-}
-
-.instance-box-tree  .antd-Badge-text{
-    background: #e5e7eb;
-    color: #4b5563;
-    font-size: 11px;
-    padding: 0px 6px;
-    border-radius: 10px;
-    font-weight: 500;
-    line-height: 18px;
-    min-width: 18px;
-    display: inline-block;
-    text-align: center;
-    position: static !important;
-    transform: none !important;
-}
-.instance-box-tree .antd-Tree-item:nth-child(1) .antd-Badge-text{
-    background: #ef4444;
-    color: #ffffff;
-}
-/* .instance-box-tree .antd-Tree-itemLabel-item{
-    height: 1.6rem;
-} */
-.instance-box-tree .antd-TplField span{
-    /* width: 85%; */
-    display: block;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-.instance-box-tree .antd-Tree-itemText{
-    margin: auto;
-}
-
 
 .steedos-table-modal-body{
     display: initial !important;
@@ -152,168 +59,6 @@
     display: initial !important;
 }
 
-.instance-box-tree .antd-Tree{
-    max-height: 100% !important;
-}
-
-.instance-box-tree .antd-TreeControl{
-    border: none !important;
-}
-
-/* Base styling for all menu labels - must be specific enough */
-.instance-box-tree .antd-Tree .instance-menu-label {
-    font-weight: 400;
-    color: #6b7280;
-}
-
-/* Tree item spacing for proper layout */
-.instance-box-tree .antd-Tree-item {
-    margin: 2px 8px;
-}
-
-/* Selected state styling - Using robust pseudo-element strategy for cross-browser support */
-
-/* 1. Reset positions to ensure clean background layering */
-.instance-box-tree .antd-Tree-item {
-    margin: 2px 8px; /* Maintain standard margin */
-    position: relative !important; /* Context for absolute positioning */
-    z-index: 0; /* Create stacking context so -1 doesn't go behind the white container */
-}
-
-/* 2. Remove ANY positioning from the label so it doesn't trap the pseudo-element */
-.instance-box-tree .antd-Tree-itemLabel.is-checked {
-    background-color: transparent !important;
-    position: static !important;
-}
-
-/* 3. Helper to make label static if checked is on item */
-.instance-box-tree .antd-Tree-item.is-checked > .antd-Tree-itemLabel {
-    background-color: transparent !important;
-    position: static !important;
-}
-
-/* 4. The background pseudo-element */
-.instance-box-tree .antd-Tree-itemLabel.is-checked::before,
-.instance-box-tree .antd-Tree-item.is-checked > .antd-Tree-itemLabel::before {
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0; /* Cover full height (margin handles the spacing) */
-    bottom: 0;
-    background-color: var(--color-brand-50, #dbeafe);
-    border-radius: 6px;
-    z-index: -1; /* Behind text */
-}
-
-.instance-box-tree .antd-Tree-itemLabel.is-checked .instance-menu-label,
-.instance-box-tree .antd-Tree-item.is-checked .instance-menu-label {
-    color: var(--Menu-light-fontColor-onHover, #1e40af) !important;
-}
-
-.instance-box-tree .antd-Tree-itemLabel.is-checked .antd-Tree-itemIcon,
-.instance-box-tree .antd-Tree-item.is-checked .antd-Tree-itemIcon {
-    color: var(--Menu-light-fontColor-onHover, #1e40af) !important;
-}
-
-/* Hover state - entire row with light gray background */
-.instance-box-tree .antd-Tree-item:hover {
-    background-color: #f3f4f6;
-    border-radius: 6px;
-    margin: 2px 8px;
-}
-
-.instance-box-tree .antd-Tree-item.is-checked:hover {
-    background-color: var(--color-brand-50, #dbeafe) !important;
-}
-
-/* Group title styling - larger and bolder */
-.instance-box-tree .antd-Tree .antd-Tree-item[aria-level="1"] .instance-menu-label {
-    font-size: 13px !important;
-    font-weight: 600;
-    color: #374151;
-}
---isL
-/* Child item (non-leaf) styling - normal size and weight */
-.instance-box-tree .antd-Tree .antd-Tree-item[aria-level="2"]:not(.is-leaf) .instance-menu-label {
-    font-size: 13px !important;
-    font-weight: 400;
-    color: #6b7280;
-}
-
-/* Leaf node styling - darker and larger for prominence */
-.instance-box-tree .antd-Tree .antd-Tree-item--isLeaf .instance-menu-label {
-    font-size: 14px !important;
-    font-weight: 600 !important;
-    color: rgb(71 85 105 / var(--tw-text-opacity, 1)) !important;
-}
-
-/* Override leaf node color when selected */
-.instance-box-tree .antd-Tree .antd-Tree-item--isLeaf .antd-Tree-itemLabel.is-checked .instance-menu-label {
-    color: var(--Menu-light-fontColor-onHover, #1e40af) !important;
-    font-weight: 600 !important;
-}
-
-/* Fix alignment and spacing for the custom menu template wrapper */
-.instance-box-tree .antd-Tree-itemText > div {
-    padding-top: 0px !important; /* Reduced from 4px to fix "text too low" */
-    padding-bottom: 0px !important;
-    padding-right: 0px !important; /* Reduced to move content closer to right edge */
-    line-height: 24px; /* Explicit line height to ensure centering */
-    display: flex;
-    align-items: center;
-}
-
-/* Ensure the text container takes available width */
-.instance-box-tree .antd-Tree-itemText {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    position: relative; /* Ensure z-index works if needed */
-    z-index: 1;
-    min-width: 0; /* Enable truncation */
-}
-
-/* Icon styling */
-.instance-box-tree .antd-Tree-itemIcon{
-    color: #6b7280;
-    margin-right: 0px;
-}
-
-/* Hide icons for leaf nodes at level >= 3 (final menu items within category groups) */
-.instance-box-tree .antd-Tree .antd-Tree-item--isLeaf[style*="calc(2 *"] .antd-Tree-itemIcon,
-.instance-box-tree .antd-Tree .antd-Tree-item--isLeaf[style*="calc(3 *"] .antd-Tree-itemIcon,
-.instance-box-tree .antd-Tree .antd-Tree-item--isLeaf[style*="calc(4 *"] .antd-Tree-itemIcon,
-.instance-box-tree .antd-Tree .antd-Tree-item--isLeaf[style*="calc(5 *"] .antd-Tree-itemIcon {
-    display: none;
-    margin-right: 0px;
-}
-
-/* Reduce left padding for leaf nodes to compensate for hidden icon */
-.instance-box-tree .antd-Tree .antd-Tree-item--isLeaf .antd-Tree-itemLabel{
-    padding-left: 0;
-}
-
-/* Hide arrow placeholder for leaf nodes at level >= 3 to align text left without shifting container */
-.instance-box-tree .antd-Tree .antd-Tree-item--isLeaf[style*="calc(2 *"] .antd-Tree-itemArrowPlaceholder,
-.instance-box-tree .antd-Tree .antd-Tree-item--isLeaf[style*="calc(3 *"] .antd-Tree-itemArrowPlaceholder,
-.instance-box-tree .antd-Tree .antd-Tree-item--isLeaf[style*="calc(4 *"] .antd-Tree-itemArrowPlaceholder,
-.instance-box-tree .antd-Tree .antd-Tree-item--isLeaf[style*="calc(5 *"] .antd-Tree-itemArrowPlaceholder {
-    width: 22px;
-}
-
-/* Arrow styling */
-.instance-box-tree .antd-Tree-itemArrow{
-    color: #9ca3af;
-    transition: transform 0.2s ease;
-    margin-right: 4px;
-}
-
-.instance-box-tree .antd-Tree-item.is-expanded > .antd-Tree-itemArrow{
-    transform: rotate(90deg);
-}
-
-
 
 .steedos-instance-wrapper input[disabled], input:disabled, input.disabled, input.is-disabled {
     -webkit-text-fill-color: inherit !important;
@@ -578,27 +323,6 @@ tbody .color-priority-muted *{
     z-index: 900;
 }
 
-/* Sidebar wrapper - no scrolling as parent handles it */
-.instances-sidebar-wrapper{
-    /* Removed overflow and height - parent layer handles scrolling */
-}
-
-.instances-sidebar-wrapper::-webkit-scrollbar {
-    width: 6px;
-}
-
-.instances-sidebar-wrapper::-webkit-scrollbar-track {
-    background: transparent;
-}
-
-.instances-sidebar-wrapper::-webkit-scrollbar-thumb {
-    background: #d1d5db;
-    border-radius: 3px;
-}
-
-.instances-sidebar-wrapper::-webkit-scrollbar-thumb:hover {
-    background: #9ca3af;
-}
 
 .steedos-instance-related-view-wrapper{
     .antd-Page-header{
@@ -778,9 +502,9 @@ tbody .color-priority-muted *{
     content: none !important;
   }
 
-  .font-normal{
+  /* .font-normal{
     border: none !important;
-  }
+  } */
 }
 
 .antd-Combo-form .antd-Form-row .antd-Form-col{
@@ -804,4 +528,11 @@ tbody .color-priority-muted *{
 
     body{
         overflow: auto !important;
-    } */
+    } */
+.workflow-form-print{
+    height: auto !important;
+}
+
+.workflow-form-print th{
+    background: #ffffff !important
+}