app/assets/stylesheets/page_bundles/import.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65

@import 'mixins_and_variables_and_functions';

.import-jobs-from-col {
  width: 37%;
}


.import-jobs-to-col {
  width: 37%;
}

.import-jobs-status-col {
  width: 25%;
}

.import-jobs-cta-col {
  width: 1%;
}

.import-entities-target-select {
  &.disabled {
    .import-entities-target-select-separator {
      color: var(--gray-400, $gray-400);
      border-color: var(--gray-100, $gray-100);
      background-color: var(--gray-10, $gray-10);
    }
  }

  .import-entities-target-select-separator {
    border-color: var(--gray-200, $gray-200);
    background-color: var(--gray-10, $gray-10);
  }

  .gl-form-input {
    box-shadow: inset 0 0 0 1px var(--gray-200, $gray-200);
  }
}

$import-bar-height: $gl-spacing-scale-11;

.import-table-bar {
  @include gl-sticky;
  height: $import-bar-height;
  top: $header-height;
  z-index: 3;

  html.with-performance-bar & {
    top: calc(#{$header-height} + #{$performance-bar-height});
  }
}

.import-table {
  border-collapse: separate;

  thead {
    @include gl-sticky;
    background-color: var(--gray-10, $gray-10);
    top: calc(#{$header-height} + #{$import-bar-height});
    z-index: 3;

    html.with-performance-bar & {
      top: calc(#{$header-height + $performance-bar-height} + #{$import-bar-height});
    }
  }
}