From 5babcf491d68a5426be82ae88c34c142779da37f Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Fri, 22 Mar 2024 01:11:27 +0100
Subject: [PATCH 1/4] Fix missing background in actions right view

---
 web_src/js/components/RepoActionView.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web_src/js/components/RepoActionView.vue b/web_src/js/components/RepoActionView.vue
index c1e2c2b2d520b..53ecfa60d3ea0 100644
--- a/web_src/js/components/RepoActionView.vue
+++ b/web_src/js/components/RepoActionView.vue
@@ -622,6 +622,7 @@ export function initRepositoryActionView() {
   width: 70%;
   display: flex;
   flex-direction: column;
+  background: var(--color-console-bg);
   border: 1px solid var(--color-console-border);
   border-radius: var(--border-radius);
 }

From 37207b978af70b434ec97a35303b266f4c1a70a7 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Fri, 22 Mar 2024 01:19:56 +0100
Subject: [PATCH 2/4] proper fix

---
 web_src/js/components/RepoActionView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web_src/js/components/RepoActionView.vue b/web_src/js/components/RepoActionView.vue
index 53ecfa60d3ea0..9630208e1b5f2 100644
--- a/web_src/js/components/RepoActionView.vue
+++ b/web_src/js/components/RepoActionView.vue
@@ -622,9 +622,9 @@ export function initRepositoryActionView() {
   width: 70%;
   display: flex;
   flex-direction: column;
-  background: var(--color-console-bg);
   border: 1px solid var(--color-console-border);
   border-radius: var(--border-radius);
+  align-self: flex-start;
 }
 
 /* begin fomantic button overrides */

From 0148874d53eee271d3c5f1837c764970e50867e2 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Fri, 22 Mar 2024 12:21:49 +0100
Subject: [PATCH 3/4] move background to action-view-right

---
 web_src/js/components/RepoActionView.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/web_src/js/components/RepoActionView.vue b/web_src/js/components/RepoActionView.vue
index 9630208e1b5f2..913f1502b83ce 100644
--- a/web_src/js/components/RepoActionView.vue
+++ b/web_src/js/components/RepoActionView.vue
@@ -624,6 +624,7 @@ export function initRepositoryActionView() {
   flex-direction: column;
   border: 1px solid var(--color-console-border);
   border-radius: var(--border-radius);
+  background-color: var(--color-console-bg);
   align-self: flex-start;
 }
 
@@ -684,10 +685,8 @@ export function initRepositoryActionView() {
   justify-content: space-between;
   align-items: center;
   padding: 0 12px;
-  background-color: var(--color-console-bg);
   position: sticky;
   top: 0;
-  border-radius: var(--border-radius);
   height: 60px;
   z-index: 1;
 }
@@ -708,7 +707,6 @@ export function initRepositoryActionView() {
 }
 
 .job-step-container {
-  background-color: var(--color-console-bg);
   max-height: 100%;
   border-radius: 0 0 var(--border-radius) var(--border-radius);
   border-top: 1px solid var(--color-console-border);

From 25b2599c14a42ae7ac83445ab30b1dc24b653620 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Fri, 22 Mar 2024 12:22:57 +0100
Subject: [PATCH 4/4] use background over background-color

---
 web_src/js/components/RepoActionView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web_src/js/components/RepoActionView.vue b/web_src/js/components/RepoActionView.vue
index 913f1502b83ce..f37bde9e1e707 100644
--- a/web_src/js/components/RepoActionView.vue
+++ b/web_src/js/components/RepoActionView.vue
@@ -624,7 +624,7 @@ export function initRepositoryActionView() {
   flex-direction: column;
   border: 1px solid var(--color-console-border);
   border-radius: var(--border-radius);
-  background-color: var(--color-console-bg);
+  background: var(--color-console-bg);
   align-self: flex-start;
 }