You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airflow.apache.org by bb...@apache.org on 2022/04/12 14:44:26 UTC
[airflow] 01/01: Remove Grid labels and differentiate runs from tasks more
This is an automated email from the ASF dual-hosted git repository.
bbovenzi pushed a commit to branch grid-fix-task-run-difference
in repository https://gitbox.apache.org/repos/asf/airflow.git
commit 89c90cbbd70595f3938ae61f0bd914a9d91346fa
Author: Brent Bovenzi <br...@gmail.com>
AuthorDate: Tue Apr 12 10:43:18 2022 -0400
Remove Grid labels and differentiate runs from tasks more
---
airflow/www/static/js/tree/dagRuns/Bar.jsx | 2 +-
airflow/www/static/js/tree/dagRuns/index.jsx | 4 +---
2 files changed, 2 insertions(+), 4 deletions(-)
diff --git a/airflow/www/static/js/tree/dagRuns/Bar.jsx b/airflow/www/static/js/tree/dagRuns/Bar.jsx
index 47aa04f704..d972582ced 100644
--- a/airflow/www/static/js/tree/dagRuns/Bar.jsx
+++ b/airflow/www/static/js/tree/dagRuns/Bar.jsx
@@ -88,7 +88,7 @@ const DagRunBar = ({
<Flex
width="10px"
height={`${(run.duration / max) * BAR_HEIGHT}px`}
- minHeight="12px"
+ minHeight="14px"
backgroundColor={stateColors[run.state]}
borderRadius={2}
cursor="pointer"
diff --git a/airflow/www/static/js/tree/dagRuns/index.jsx b/airflow/www/static/js/tree/dagRuns/index.jsx
index 3106ed5885..ed3918db8a 100644
--- a/airflow/www/static/js/tree/dagRuns/index.jsx
+++ b/airflow/www/static/js/tree/dagRuns/index.jsx
@@ -56,7 +56,7 @@ const DagRuns = ({ tableWidth }) => {
return (
<Tr
- borderBottomWidth={2}
+ borderBottomWidth={3}
borderBottomColor="gray.200"
position="relative"
>
@@ -89,8 +89,6 @@ const DagRuns = ({ tableWidth }) => {
<Box position="absolute" bottom="100px" borderBottomWidth={1} zIndex={0} opacity={0.7} width={tickWidth} />
<Box position="absolute" bottom="50px" borderBottomWidth={1} zIndex={0} opacity={0.7} width={tickWidth} />
<Box position="absolute" bottom="4px" borderBottomWidth={1} zIndex={0} opacity={0.7} width={tickWidth} />
- <Text transform="rotate(-90deg)" position="absolute" left="-23px" top="120px" zIndex={2}>Runs</Text>
- <Text transform="rotate(-90deg)" position="absolute" left="-23px" top="175px" zIndex={2}>Tasks</Text>
</Td>
<Td p={0} align="right" verticalAlign="bottom" borderBottom={0} width={`${runs.length * 16}px`}>
<Flex justifyContent="flex-end">