diogotrodrigues commented on code in PR #47994:
URL: https://github.com/apache/airflow/pull/47994#discussion_r2035828050


##########
airflow-core/src/airflow/ui/src/components/TaskName.tsx:
##########
@@ -51,15 +51,31 @@ export const TaskName = ({
   // We don't have a task group details page to link to
   if (isGroup) {
     return (
-      <Text fontSize="md" fontWeight="bold" {...rest}>
+      <Text
+        fontSize="md"
+        fontWeight="bold"
+        style={{
+          WebkitBoxOrient: "vertical",
+          WebkitLineClamp: 1,
+        }}
+        {...rest}
+      >
         {label}
         {isMapped ? " [ ]" : undefined}
       </Text>
     );
   }
 
   return (
-    <Text fontSize={isZoomedOut ? "lg" : "md"} fontWeight="bold" {...rest}>
+    <Text
+      fontSize={isZoomedOut ? "lg" : "md"}
+      fontWeight="bold"
+      style={{
+        WebkitBoxOrient: "vertical",

Review Comment:
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   I can do it like this, right ? I see it can be simpler.



-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscr...@airflow.apache.org

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org

Reply via email to