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 <[email protected]> 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">
