Improve casing of names of instance groups in Instance Composer

inmanta · Feb 17, 2025 · e68e7ea · e68e7ea
1 parent e9e6091
commit e68e7ea
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/changelogs/unreleased/6155-casing-composer.yml b/changelogs/unreleased/6155-casing-composer.yml
@@ -0,0 +1,6 @@
+description: Improve casing of names of instance groups in Instance Composer
+issue-nr: 6155
+change-type: patch
+destination-branches: [master, iso8]
+sections:
+  minor-improvement: "{{description}}"
diff --git a/src/UI/Components/Diagram/styles.ts b/src/UI/Components/Diagram/styles.ts
@@ -40,6 +40,16 @@ export const CanvasWrapper = styled.div`
     border: 0;
     background-color: var(--pf-t--global--background--color--primary--default);
 
+    .group > .group-label {
+      text-transform: none;
+      color: var(--pf-t--global--text--color--regular);
+      font-size: var(--pf-t_global_font_size_body_lg);
+
+      &::before {
+        border-top-color: var(--pf-t--global--text--color--regular);
+      }
+    }
+
     &.joint-hidden {
       visibility: hidden; //note: display: none breaks the stencil-groups
     }