From 74f875957fb1a28ee8a8f6537d613e12199082f3 Mon Sep 17 00:00:00 2001 From: Pablo Vazquez Date: Mon, 30 May 2022 15:44:38 +0200 Subject: [PATCH] Web: Move overflow and position properties to affect all columns --- web/app/src/assets/base.css | 8 ++++++++ web/app/src/views/JobsView.vue | 13 ------------- 2 files changed, 8 insertions(+), 13 deletions(-) diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css index 19a37d50..2178a132 100644 --- a/web/app/src/assets/base.css +++ b/web/app/src/assets/base.css @@ -101,6 +101,14 @@ body { background-color: var(--color-background-column); border-radius: var(--border-radius); padding: var(--spacer-sm); + + /* These two are necessary for the automatic resizing of the tasks table: */ + /* Ensures that the table cannot push down the bottom of the column element, + * and thus the column height is a stable reference. */ + overflow-y: auto; + /* Ensures the offsetParent of the table is the column itself; without this, + * offsetParent would be . */ + position: relative; } .col-1 { diff --git a/web/app/src/views/JobsView.vue b/web/app/src/views/JobsView.vue index 4536d9f2..8f2d30e2 100644 --- a/web/app/src/views/JobsView.vue +++ b/web/app/src/views/JobsView.vue @@ -240,17 +240,4 @@ export default { .isFetching { opacity: 50%; } - -#col-job-details { - /* These two are necessary for the automatic resizing of the tasks table: */ - - /* Ensures that the table cannot push down the bottom of the column element, - * and thus the column height is a stable reference. */ - overflow-y: scroll; - - /* Ensures the offsetParent of the table is the column itself; without this, - * offsetParent would be . */ - position: relative; -} -