@genexus/genexus-ide-ui 0.0.22 → 0.0.23

package/dist/collection/components/team-dev-update/team-dev-update.css

@@ -0,0 +1,216 @@
+/*Gemini*/
+/*Gx Ide*/
+/* Helper Classes */
+.gxi-hidden {
+  display: none !important;
+}
+
+.gxi-full-height {
+  height: 100%;
+}
+
+.align-start {
+  display: flex;
+  align-items: start;
+}
+
+.align-center {
+  display: flex;
+  align-items: center;
+}
+
+.align-end {
+  display: flex;
+  align-items: end;
+}
+
+/* Grids */
+.grid {
+  display: grid;
+  grid-row-gap: var(--gx-ide-grid-row-gap);
+  grid-column-gap: var(--gx-ide-grid-column-gap);
+  grid-template-rows: auto;
+}
+
+/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/
+:host(.gx-ide-component) {
+  box-shadow: var(--box-shadow-01) !important;
+  height: 100% !important;
+  display: flex !important;
+  flex-direction: column !important;
+}
+
+/*stylize the top bar*/
+:host(:focus-within) gx-ide-top-bar::part(wrapper) {
+  background-color: var(--color-secondary-enabled);
+}
+
+/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */
+.gx-ide-main-wrapper {
+  color: var(--gx-ide-component-text-color);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-lg);
+  line-height: 1.6em;
+  height: 100%;
+  background-color: var(--gx-ide-component-background-color);
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
+
+/*This is the main element. This is the one that take the remaining vertical space*/
+.gx-ide-main {
+  flex-grow: 1;
+  overflow-y: auto;
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.gx-ide-main::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.gx-ide-main::-webkit-scrollbar-track {
+  background-color: var(--gray-02);
+  border-radius: 10px;
+}
+.gx-ide-main::-webkit-scrollbar-thumb {
+  background: var(--gray-05);
+  border-radius: 10px;
+}
+.gx-ide-main::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-04);
+  cursor: pointer;
+}
+.gx-ide-main .gxg-scroll {
+  display: block;
+  overflow-y: auto;
+  padding-inline-end: 2px;
+}
+
+.gx-ide-overflow {
+  overflow-y: auto;
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.gx-ide-overflow::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.gx-ide-overflow::-webkit-scrollbar-track {
+  background-color: var(--gray-02);
+  border-radius: 10px;
+}
+.gx-ide-overflow::-webkit-scrollbar-thumb {
+  background: var(--gray-05);
+  border-radius: 10px;
+}
+.gx-ide-overflow::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-04);
+  cursor: pointer;
+}
+.gx-ide-overflow .gxg-scroll {
+  display: block;
+  overflow-y: auto;
+  padding-inline-end: 2px;
+}
+
+/*Gemini*/
+/*Gx Ide*/
+:host {
+  display: block;
+  border: 1px solid var(--gxg-border-color--regular);
+  background-color: var(--color-background);
+}
+
+:host(.gxi-object-selector--shadow) {
+  border: none;
+  box-shadow: var(--box-shadow-01);
+}
+
+/* Options */
+.options-grid {
+  grid-template-columns: 1fr auto;
+}
+.options-grid .options-update-from-grid {
+  grid-template-columns: auto 1fr;
+  grid-row-gap: 0;
+}
+.options-grid .options-scope-grid {
+  grid-template-columns: auto 1fr auto;
+}
+.options-grid .options-scope-grid > :nth-child(7) {
+  grid-area: 3/1/4/4;
+}
+
+.flex {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.with-gap {
+  gap: var(--gx-ide-grid-row-gap);
+}
+
+.hide {
+  display: none !important;
+}
+
+/* filters */
+.filters-container-body {
+  width: 100%;
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+}
+.filters-container-body .filter-grid {
+  flex: 1;
+  grid-template-columns: repeat(2, 1fr);
+}
+.filters-container-body .actions {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+.filters-container-body .actions.close {
+  width: 100%;
+}
+
+/* Data Grid*/
+.data-grid {
+  grid-template-columns: repeat(3, 1fr);
+}
+.data-grid > :nth-child(1) {
+  grid-area: 1/1/2/2;
+}
+.data-grid > :nth-child(2) {
+  grid-area: 1/2/2/4;
+}
+
+.data-panel-grid {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.data-preview img {
+  max-width: 100%;
+}
+
+.data-max-height {
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+/* Footer Actions */
+.actions {
+  justify-content: flex-end;
+}
+
+.no-border {
+  border: 0;
+}
+
+.bold {
+  font-weight: bold;
+}