This is an automated email from the ASF dual-hosted git repository.
tiagobento pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/incubator-kie-tools.git
The following commit(s) were added to refs/heads/main by this push:
new 19a4cee883e NO-ISSUE: Add light gray color to overflow scroll bar for
new Test Scenario and DMN Editors (#2986)
19a4cee883e is described below
commit 19a4cee883e54f72d8f4e5064d8e5f6d36e51a63
Author: Luiz João Motta <[email protected]>
AuthorDate: Wed Mar 12 14:19:52 2025 -0300
NO-ISSUE: Add light gray color to overflow scroll bar for new Test Scenario
and DMN Editors (#2986)
---
packages/dmn-editor/src/DmnEditor.css | 1 +
packages/scesim-editor/src/TestScenarioEditor.css | 4 ++++
packages/scesim-editor/src/TestScenarioEditor.tsx | 6 +++++-
3 files changed, 10 insertions(+), 1 deletion(-)
diff --git a/packages/dmn-editor/src/DmnEditor.css
b/packages/dmn-editor/src/DmnEditor.css
index b36e4d8f123..240e5e4a05b 100644
--- a/packages/dmn-editor/src/DmnEditor.css
+++ b/packages/dmn-editor/src/DmnEditor.css
@@ -20,6 +20,7 @@
/* (begin) global */
.kie-dmn-editor--root {
height: 100%;
+ scrollbar-color: rgba(121, 121, 121, 0.4) #f1f1f1;
}
.kie-tools--dmn-editor--diagram-container {
diff --git a/packages/scesim-editor/src/TestScenarioEditor.css
b/packages/scesim-editor/src/TestScenarioEditor.css
index a0550bf326e..cda8d5b77ce 100644
--- a/packages/scesim-editor/src/TestScenarioEditor.css
+++ b/packages/scesim-editor/src/TestScenarioEditor.css
@@ -44,6 +44,10 @@
margin-top: 50px;
}
+.kie-scesim-editor--root {
+ scrollbar-color: rgba(121, 121, 121, 0.4) #f1f1f1;
+}
+
.kie-scesim-editor--scenario-table-container {
overflow: auto;
}
diff --git a/packages/scesim-editor/src/TestScenarioEditor.tsx
b/packages/scesim-editor/src/TestScenarioEditor.tsx
index 1954d08e3c1..b639c9744f4 100644
--- a/packages/scesim-editor/src/TestScenarioEditor.tsx
+++ b/packages/scesim-editor/src/TestScenarioEditor.tsx
@@ -414,7 +414,11 @@ export const TestScenarioEditorInternal = ({
console.debug("[TestScenarioEditorInternal] File Status: ",
TestScenarioFileStatus[scesimFileStatus]);
return (
- <div ref={testScenarioEditorRootElementRef}
data-testid="kie-scesim-editor--container">
+ <div
+ ref={testScenarioEditorRootElementRef}
+ className="kie-scesim-editor--root"
+ data-testid="kie-scesim-editor--container"
+ >
{(() => {
switch (scesimFileStatus) {
case TestScenarioFileStatus.EMPTY:
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
