azkaban-aplcache

Fix flow log CSS (#1883) The Flow Log positioning was broken This …

8/16/2018 1:39:31 PM

happens if the bar above (the one that has Submit User, Duration etc.) spans to multiple rows. Even one of them is enough to cause overflowing positioning, but the screenshot above demonstrates an extreme case where the tab is barely visible any more.

As a quick fix, I copied the same rules that are set for div#graphView.container-fill (you can find it right above the changed lines).

the fix sets a fixed height to the log textbox, and as the screenshot shows it gets cut off if the window size is not as high. There must be a way to make the position relative properly.. If that is found, why not apply that better rule also for div#graphView.container-fill?

Juho Autio

Commit: 682a754

Tree: b1ddf76

Parents: fa75b41

Changes

azkaban-web-server/src/main/less/base.less 6(+6 -0)

Details

azkaban-web-server/src/main/less/base.less 6(+6 -0)

diff --git a/azkaban-web-server/src/main/less/base.less b/azkaban-web-server/src/main/less/base.less
index 2a593d3..72216ab 100644
--- a/azkaban-web-server/src/main/less/base.less
+++ b/azkaban-web-server/src/main/less/base.less
@@ -30,6 +30,12 @@ div#graphView.container-fill {
   height: 750px;
 }
 
+div#flowLogView.container-fill {
+  position: relative;
+  top: 0px;
+  height: 750px;
+}
+
 .alert-default {
   color: #a0a0a0;
   background-color: #f5f5f5;