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 @pierrejeambrun ? I see it can be simpler, I
will only try to use default css in the past I wasn't able to that effect that
the name collapses when you make the window smaller but I will look in to it.
--
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
