Fix alignment of tooltips on table inline actions

tektoncd · Jul 17, 2024 · 043e27d · 043e27d
1 parent 4ce6f28
commit 043e27d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/components/src/components/Table/_Table.scss b/packages/components/src/components/Table/_Table.scss
@@ -120,6 +120,10 @@ limitations under the License.
         text-align: end;
         inline-size: 8rem;
 
+        .#{$prefix}--tooltip {
+          text-align: initial;
+        }
+
         .#{$prefix}--btn--icon-only:not(.#{$prefix}--link) {
           margin-top: -1px; // to account for border
         }

diff --git a/src/containers/Pipelines/Pipelines.jsx b/src/containers/Pipelines/Pipelines.jsx
@@ -82,7 +82,6 @@ function getFormattedResources({
             }
             renderIcon={DeleteIcon}
             size="sm"
-            tooltipAlignment="center"
             tooltipPosition="left"
           />
         ) : null}
@@ -104,7 +103,6 @@ function getFormattedResources({
               namespace: pipeline.metadata.namespace,
               pipelineName: pipeline.metadata.name
             }).toString()}`}
-            tooltipAlignment="center"
             tooltipPosition="left"
           />
         ) : null}
@@ -125,7 +123,6 @@ function getFormattedResources({
             namespace: pipeline.metadata.namespace,
             pipelineName: pipeline.metadata.name
           })}
-          tooltipAlignment="center"
           tooltipPosition="left"
         />
       </>