From: Fiete Ostkamp <fiete.ostkamp@telekom.de>
Date: Thu, 5 Mar 2026 10:14:21 +0000 (+0100)
Subject: Fix actions pane responsivity issues
X-Git-Url: https://gerrit.onap.org/r/gitweb?a=commitdiff_plain;h=refs%2Fchanges%2F03%2F143503%2F1;p=ccsdk%2Fcds.git

Fix actions pane responsivity issues

- fix actions pane being overlapped by other page content
  on smaller window sizes

Issue-ID: CCSDK-4166
Change-Id: I3b83b36727c5ce067bd9cae20ffe1792e239a870
Signed-off-by: Fiete Ostkamp <fiete.ostkamp@telekom.de>
---

diff --git a/cds-ui/designer-client/src/styles.css b/cds-ui/designer-client/src/styles.css
index 7a9f3f285..4044bad88 100644
--- a/cds-ui/designer-client/src/styles.css
+++ b/cds-ui/designer-client/src/styles.css
@@ -1152,6 +1152,9 @@ height: 40px;
 .body-container{
   padding: 0 30px !important;
 }
+.body-container:has(.creat-action-container){
+  padding-right: 160px !important;
+}
 .body-container > .container{
   padding: 0;
 }
@@ -2532,7 +2535,10 @@ hr{
   top: 104px;
   width: 130px;
   text-align: center;
+  z-index: 10;
+  background: #FAFAFA;
 }
+
 .action-button{
   display: inline-block;
   width: 70px;