@vitrosoftware/common-ui-ts 1.1.206 → 1.1.208

package/css/std/controls/activity-item/activity-message.css

@@ -9,10 +9,10 @@
 }
 
 .vitro-item {
-    display: flex;
-    grid-gap: 4px 0;
-    align-items: center;
-    white-space: nowrap;
+    position: relative;
+    display: inline-block;
+    max-height: 80px;
+    overflow: hidden;
 }
 
 .vitro-value {
@@ -53,14 +53,41 @@
     margin-right: 8px;
 }
 
-.vitro-separator {
-    width: 24px;
-    height: 24px;
-    min-width: 24px;
-    background-size: 100%;
-    background-position: center;
-    background-repeat: no-repeat;
-    margin: 0 4px;
-    white-space: nowrap;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/activity-item/img/activity-arrow.svg');
+:global(.vitro-arrow-separator) {
+    margin: 0 10px;
+    background-color: #4A556C;
+    -webkit-mask-image: url('@vitrosoftware/common-ui-ts/css/std/controls/activity-item/img/activity-arrow.svg');
+    mask-image: url('@vitrosoftware/common-ui-ts/css/std/controls/activity-item/img/activity-arrow.svg');
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-size: contain;
+    mask-size: contain;
+    display: inline-block;
+    height: 12px;
+    width: 18px;
+    vertical-align: middle;
+}
+
+.vitro-ellipsis::after {
+    content: '...';
+    position: absolute;
+    right: 0;
+    bottom: 1px;
+    background: #f8f9fa;
+    padding: 0 1px;
+    display: block;
+    width: 32px;
+}
+
+.vitro-value-content {
+    max-height: 80px;
+    display: inline;
+    overflow: hidden;
 }
+
+.vitro-value-content p {
+    display: inline;
+}
+
+.vitro-value-tooltip {
+    margin-bottom: -4px;
+}

package/css/std/controls/activity-item/img/activity-arrow.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.1602 7.81641C14.8684 7.5247 14.8671 7.05213 15.1572 6.7588C15.4496 6.46318 15.9267 6.46186 16.2207 6.75587L20.7585 11.2936C21.1487 11.6839 21.149 12.3165 20.7592 12.7071L16.2204 17.255C15.9267 17.5494 15.4494 17.5483 15.157 17.2526C14.867 16.9595 14.8683 16.4871 15.1599 16.1956L18.5937 12.7617L3.2857 12.7729C2.87128 12.7732 2.53516 12.4373 2.53516 12.0229C2.53516 11.6089 2.87061 11.2732 3.28461 11.2729L18.6055 11.2617L15.1602 7.81641Z" fill="#4A556C"/>
+<svg width="20" height="12" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.1602 1.81641C12.8684 1.5247 12.8671 1.05213 13.1572 0.758805C13.4496 0.463178 13.9267 0.46186 14.2207 0.755867L18.7585 5.29361C19.1487 5.68385 19.149 6.31647 18.7592 6.70711L14.2204 11.255C13.9267 11.5494 13.4494 11.5483 13.157 11.2526C12.867 10.9595 12.8683 10.4871 13.1599 10.1956L16.5937 6.76172L1.2857 6.77289C0.871276 6.77319 0.535156 6.43732 0.535156 6.02289C0.535156 5.60889 0.870609 5.27319 1.28461 5.27289L16.6055 5.26172L13.1602 1.81641Z" fill="#4A556C"/>
 </svg>

package/css/std/controls/tooltip/tooltip.css

@@ -13,13 +13,25 @@
     font-family: 'InterRegular';
     font-size: 14px;
     line-height: 21px;
-    padding: 8px 10px;
+    padding: 0;
     border-radius: 4px;
     background: #4A556C;
     box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
-    max-width: 224px;
+    max-width: 336px;
+  
     text-align: left;
     white-space: pre-wrap;
+    overflow: hidden;
+}
+
+.vitro-tooltip :global(.tooltip-inner) > :global(.ps) {
+    max-height: 224px;
+    padding: 8px 10px;
+}
+
+.vitro-tooltip :global(.tooltip-inner) > :global(.ps) > :global(.ps__rail-y) {
+    border: none;
+    background-color: #4A556C !important;
 }
 
 .vitro-tooltip :global(.tooltip-arrow)::before {
@@ -52,3 +64,12 @@
     left: -3px;
     transform: rotate(-90deg);
 }
+
+.vitro-tooltip :global(.vitro-arrow-separator) {
+    background-color: #fff;
+}
+
+.vitro-tooltip :global(.tooltip-inner) p, 
+.vitro-tooltip :global(.tooltip-inner) span {
+    color: #fff;
+}

package/dist/index.css

@@ -1353,13 +1353,25 @@ div._component-loader_vitro-component-loader_3J3a2or {
     font-family: 'InterRegular';
     font-size: 14px;
     line-height: 21px;
-    padding: 8px 10px;
+    padding: 0;
     border-radius: 4px;
     background: #4A556C;
     box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
-    max-width: 224px;
+    max-width: 336px;
+  
     text-align: left;
     white-space: pre-wrap;
+    overflow: hidden;
+}
+
+._tooltip_vitro-tooltip_JvGPShz .tooltip-inner > .ps {
+    max-height: 224px;
+    padding: 8px 10px;
+}
+
+._tooltip_vitro-tooltip_JvGPShz .tooltip-inner > .ps > .ps__rail-y {
+    border: none;
+    background-color: #4A556C !important;
 }
 
 ._tooltip_vitro-tooltip_JvGPShz .tooltip-arrow::before {
@@ -1392,7 +1404,15 @@ div._component-loader_vitro-component-loader_3J3a2or {
     left: -3px;
     transform: rotate(-90deg);
 }
-
+
+._tooltip_vitro-tooltip_JvGPShz .vitro-arrow-separator {
+    background-color: #fff;
+}
+
+._tooltip_vitro-tooltip_JvGPShz .tooltip-inner p, 
+._tooltip_vitro-tooltip_JvGPShz .tooltip-inner span {
+    color: #fff;
+}
 .vitro-display-none {
     display: none;
 }
@@ -6260,10 +6280,10 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 }
 
 ._activity-message_vitro-item_3Q-7zX3 {
-    display: flex;
-    grid-gap: 4px 0;
-    align-items: center;
-    white-space: nowrap;
+    position: relative;
+    display: inline-block;
+    max-height: 80px;
+    overflow: hidden;
 }
 
 ._activity-message_vitro-value_O4DpuTR {
@@ -6304,18 +6324,44 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     margin-right: 8px;
 }
 
-._activity-message_vitro-separator_vxgHLaH {
-    width: 24px;
-    height: 24px;
-    min-width: 24px;
-    background-size: 100%;
-    background-position: center;
-    background-repeat: no-repeat;
-    margin: 0 4px;
-    white-space: nowrap;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/activity-item/img/activity-arrow.svg');
+.vitro-arrow-separator {
+    margin: 0 10px;
+    background-color: #4A556C;
+    -webkit-mask-image: url('@vitrosoftware/common-ui-ts/css/std/controls/activity-item/img/activity-arrow.svg');
+    mask-image: url('@vitrosoftware/common-ui-ts/css/std/controls/activity-item/img/activity-arrow.svg');
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-size: contain;
+    mask-size: contain;
+    display: inline-block;
+    height: 12px;
+    width: 18px;
+    vertical-align: middle;
 }
-
+
+._activity-message_vitro-ellipsis_1fIRwiW::after {
+    content: '...';
+    position: absolute;
+    right: 0;
+    bottom: 1px;
+    background: #f8f9fa;
+    padding: 0 1px;
+    display: block;
+    width: 32px;
+}
+
+._activity-message_vitro-value-content_1fdGuBJ {
+    max-height: 80px;
+    display: inline;
+    overflow: hidden;
+}
+
+._activity-message_vitro-value-content_1fdGuBJ p {
+    display: inline;
+}
+
+._activity-message_vitro-value-tooltip_3oYwdFU {
+    margin-bottom: -4px;
+}
 ._attached-file_vitro-attached-file-container_3AhHHlm {
     position: relative;
 }