@genexus/genexus-ide-ui 1.1.2 → 1.1.4

package/dist/collection/components/bpm/application-declaration/bpm-app-declaration.css

@@ -370,6 +370,15 @@ New classes for Chameleon + Mercury
   display: contents;
 }
 
+.pill-tag {
+  padding: 1px 4px;
+  border-radius: 2px;
+  min-inline-size: 40px;
+  text-align: center;
+  margin-inline-end: 10px;
+  font-size: 11px;
+}
+
 /* - - - - - - - - - - - - - - - - - - - 
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */
@@ -581,28 +590,38 @@ New : For Mercury
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
 :host {
-  display: block;
-  /*data mappings*/
+  display: grid;
+  block-size: 100%;
+  grid-template-rows: max-content 1fr max-content;
+  overflow: auto;
 }
-:host .header {
-  display: flex;
-  flex-direction: column;
-  gap: var(--gx-ide-grid-row-gap);
+
+.section {
+  display: contents;
 }
-:host .header__first-row {
-  display: flex;
-  flex-direction: row;
-  gap: var(--gx-ide-grid-column-gap);
+
+.header {
+  display: grid;
+  grid-template-columns: 1fr max-content;
 }
-:host .header__first-row .application-suggest {
-  flex: 1;
+
+.data-mapping-grid-container,
+.data-mapping-grid-container .field {
+  overflow: auto;
+  block-size: 100%;
 }
-:host .data-mappings {
-  display: grid;
+
+.tabular-grid-application-declaration {
+  overflow: auto;
 }
-:host .row-button {
-  display: flex;
-  align-items: center;
+
+ch-tabular-grid.empty-result::part(main) {
+  overflow: hidden;
+}
+
+.pill-tag {
+  min-inline-size: 40px;
+  margin-inline-end: 10px;
 }
 
 .tabular-grid-application-declaration ch-tabular-grid-cell:is(:nth-child(2)) {
@@ -623,16 +642,6 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   outline-offset: var(--focus__outline-offset);
 }
 
-gx-ide-container::part(content) {
-  display: grid;
-}
-
-gxg-combo-box::part(input-input) {
-  border: none;
-  background-color: transparent;
-  top: 2px;
-}
-
 .tabular-grid-cell:nth-child(2) {
   padding: 0 !important;
   display: grid;