<commit_before>@import 'libs/components/theme/src/lib/styles/mixins';
@import 'libs/components/theme/src/lib/styles/_compat/mixins';
@import 'libs/components/theme/src/lib/styles/variables';
@import 'libs/components/theme/src/lib/styles/_compat/variables';
@import '~ag-grid-community/src/styles/ag-grid.scss';
@import '~ag-grid-community/src/styles/ag-theme-base/sass/ag-theme-base-mixin.scss';

$sky-standard-border: 1px solid $sky-border-color-neutral-medium;
$sky-standard-border-theme-modern: 1px solid
  $sky-theme-modern-border-color-neutral-medium;

$sky-cell-wrap-text-padding-default: 7px;
$sky-cell-wrap-text-line-height-default: $sky-line-height-base;
$sky-cell-wrap-text-padding-modern: 16px;
$sky-cell-wrap-text-line-height-modern: $sky-theme-modern-font-paragraph-line-height;

@mixin skyux-cell-wrap-text($padding, $line-height) {
  .ag-cell.ag-cell-wrap-text span.ag-cell-value {
    display: block;
    min-height: ag-param(row-height) - 2px;
    line-height: $line-height;
    padding-top: $padding;
    padding-bottom: $padding;
  }
}

ag-grid-angular:not(.sky-ag-grid-editable) {
  @include ag-theme-base(
    (
      background-color: $sky-color-gray-01,
      border-color: $sky-border-color-neutral-medium,
      borders: true,
      cell-horizontal-padding: 12,
      font-family: $sky-font-family,
      font-size: 15px,
      foreground-color: $sky-text-color-default,
      header-background-color: $sky-background-color-page-default,
      header-column-separator: true,
      header-column-separator-color: $sky-border-color-neutral-medium,
      header-height: 38px,
      input-focus-border-color: $sky-highlight-color-info,
      odd-row-background-color: $sky-background-color-page-default,
      row-border-color: $sky-border-color-neutral-medium,
      row-height: 38px,
      row-hover-color: darken($sky-background-color-selected, 10%),
      range-selection-border-color: $sky-highlight-color-info,
      secondary-foreground-color: $sky-text-color-deemphasized,
      selected-row-background-color: $sky-background-color-selected,
    )
  );

  border-top: $sky-standard-border;

  .ag-cell:not(.ag-cell-wrap-text) .ag-cell-wrapper {
    align-items: flex-start;
  }

  @include skyux-cell-wrap-text(
    $sky-cell-wrap-text-padding-default,
    $sky-cell-wrap-text-line-height-default
  );

  .ag-cell.sky-ag-grid-cell-invalid {
    border: 1px solid $sky-highlight-color-danger;
  }

  .ag-root-wrapper {
    border: none;
  }

  .ag-row:not(.ag-row-first) {
    border-top: none;
  }

  .ag-row {
    border-bottom-style: dotted;

    + .ag-row-last {
      border-bottom-style: dotted;
    }
  }
}

ag-grid-angular.sky-ag-grid-editable {
  @include ag-theme-base(
    (
      border-color: $sky-border-color-neutral-medium,
      borders: true,
      cell-horizontal-border: solid $sky-border-color-neutral-medium,
      cell-horizontal-padding: 11,
      font-family: $sky-font-family,
      font-size: 15px,
      foreground-color: $sky-text-color-default,
      header-background-color: $sky-background-color-page-default,
      header-column-separator: true,
      header-column-separator-color: $sky-border-color-neutral-medium,
      header-height: 38px,
      input-focus-border-color: $sky-highlight-color-info,
      popup-shadow: none,
      row-border-color: $sky-border-color-neutral-medium,
      row-height: 38px,
      range-selection-border-color: $sky-highlight-color-info,
      secondary-foreground-color: $sky-text-color-deemphasized,
    )
  );

  .ag-root-wrapper {
    border: none;
  }

  border-left: $sky-standard-border;

  .ag-row:not(.ag-row-first) {
    border-top: none;
  }
<commit_msg>fix(components/ag-grid): show border when in edit mode (#294) (#295)<commit_after>@import 'libs/components/theme/src/lib/styles/mixins';
@import 'libs/components/theme/src/lib/styles/_compat/mixins';
@import 'libs/components/theme/src/lib/styles/variables';
@import 'libs/components/theme/src/lib/styles/_compat/variables';
@import '~ag-grid-community/src/styles/ag-grid.scss';
@import '~ag-grid-community/src/styles/ag-theme-base/sass/ag-theme-base-mixin.scss';

$sky-standard-border: 1px solid $sky-border-color-neutral-medium;
$sky-standard-border-theme-modern: 1px solid
  $sky-theme-modern-border-color-neutral-medium;

$sky-cell-wrap-text-padding-default: 7px;
$sky-cell-wrap-text-line-height-default: $sky-line-height-base;
$sky-cell-wrap-text-padding-modern: 16px;
$sky-cell-wrap-text-line-height-modern: $sky-theme-modern-font-paragraph-line-height;

@mixin skyux-cell-wrap-text($padding, $line-height) {
  .ag-cell.ag-cell-wrap-text span.ag-cell-value {
    display: block;
    min-height: ag-param(row-height) - 2px;
    line-height: $line-height;
    padding-top: $padding;
    padding-bottom: $padding;
  }
}

ag-grid-angular:not(.sky-ag-grid-editable) {
  @include ag-theme-base(
    (
      background-color: $sky-color-gray-01,
      border-color: $sky-border-color-neutral-medium,
      borders: true,
      cell-horizontal-padding: 12,
      font-family: $sky-font-family,
      font-size: 15px,
      foreground-color: $sky-text-color-default,
      header-background-color: $sky-background-color-page-default,
      header-column-separator: true,
      header-column-separator-color: $sky-border-color-neutral-medium,
      header-height: 38px,
      input-focus-border-color: $sky-highlight-color-info,
      odd-row-background-color: $sky-background-color-page-default,
      row-border-color: $sky-border-color-neutral-medium,
      row-height: 38px,
      row-hover-color: darken($sky-background-color-selected, 10%),
      range-selection-border-color: $sky-highlight-color-info,
      secondary-foreground-color: $sky-text-color-deemphasized,
      selected-row-background-color: $sky-background-color-selected,
    )
  );

  border-top: $sky-standard-border;

  .ag-cell:not(.ag-cell-wrap-text) .ag-cell-wrapper {
    align-items: flex-start;
  }

  @include skyux-cell-wrap-text(
    $sky-cell-wrap-text-padding-default,
    $sky-cell-wrap-text-line-height-default
  );

  .ag-cell.sky-ag-grid-cell-invalid {
    border: 1px solid $sky-highlight-color-danger;
  }

  .ag-root-wrapper {
    border: none;
  }

  .ag-row:not(.ag-row-first) {
    border-top: none;
  }

  .ag-row {
    border-bottom-style: dotted;

    + .ag-row-last {
      border-bottom-style: dotted;
    }
  }
}

ag-grid-angular.sky-ag-grid-editable {
  @include ag-theme-base(
    (
      border-color: $sky-border-color-neutral-medium,
      borders: true,
      cell-horizontal-border: solid $sky-border-color-neutral-medium,
      cell-horizontal-padding: 11,
      font-family: $sky-font-family,
      font-size: 15px,
      foreground-color: $sky-text-color-default,
      header-background-color: $sky-background-color-page-default,
      header-column-separator: true,
      header-column-separator-color: $sky-border-color-neutral-medium,
      header-height: 38px,
      input-focus-border-color: $sky-highlight-color-info,
      popup-shadow: none,
      row-border-color: $sky-border-color-neutral-medium,
      row-height: 38px,
      range-selection-border-color: $sky-highlight-color-info,
      secondary-foreground-color: $sky-text-color-deemphasized,
    )
  );

  border-top: $sky-standard-border;

  .ag-root-wrapper {
    border: none;
  }

  border-left: $sky-standard-border;

  .ag-row:not(.ag-row-first) {
    border-top: none;
  }

{'fraction_non_alphanumeric': 0.16032901833872706, 'fraction_numerical': 0.008090614886731391, 'mean_word_length': 3.0955273329652124, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3137062', 'n_tokens_mistral': 2760, 'n_tokens_neox': 2607, 'n_words': 328}