[airflow] 01/20: Move around overflow, position and padding (#23044)

[ephraimanierobi]

This is an automated email from the ASF dual-hosted git repository.

ephraimanierobi pushed a commit to branch v2-3-test
in repository https://gitbox.apache.org/repos/asf/airflow.git

commit 71a0f0d97316607e872c22b521c6f8f5dc61f3bf
Author: Brent Bovenzi <brent.bove...@gmail.com>
AuthorDate: Thu May 12 15:47:24 2022 -0400

    Move around overflow, position and padding (#23044)
    
    (cherry picked from commit 028087b5a6e94fd98542d0e681d947979eb1011f)
---
 airflow/www/static/css/graph.css | 19 +++++++++++++++++++
 airflow/www/static/js/graph.js   |  2 +-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/airflow/www/static/css/graph.css b/airflow/www/static/css/graph.css
index ccf353b53e..5d30cb43e4 100644
--- a/airflow/www/static/css/graph.css
+++ b/airflow/www/static/css/graph.css
@@ -125,6 +125,25 @@ g.node text {
   border-radius: 4px;
   background-color: #f0f0f0;
   cursor: move;
+  overflow: hidden;
+  height: 100%;
+  width: 100%;
+}
+
+#graph-svg {
+  overflow: visible;
+}
+
+.refresh-actions {
+  justify-content: flex-end;
+  min-width: 225px;
+  display: inline-flex;
+  align-items: center;
+  right: 20px;
+  margin-top: 10px;
+  margin-bottom: 15px;
+  position: absolute;
+  background-color: #f0f0f0ee; /* the last two chars apply an opacity to the 
background color */
 }
 
 .legend-item.dag {
diff --git a/airflow/www/static/js/graph.js b/airflow/www/static/js/graph.js
index a205593467..d45557a3f6 100644
--- a/airflow/www/static/js/graph.js
+++ b/airflow/www/static/js/graph.js
@@ -246,7 +246,7 @@ function setUpZoomSupport() {
   const graphWidth = g.graph().width;
   const graphHeight = g.graph().height;
   // Get SVG dimensions
-  const padding = 20;
+  const padding = 80;
   const svgBb = svg.node().getBoundingClientRect();
   const width = svgBb.width - padding * 2;
   const height = svgBb.height - padding; // we are not centering the dag 
vertically