notification-admin/app/assets/stylesheets/tailwind/components/fullscreen-table.css at 86ca4bd1643da8d355ce692040151e21423c0630 · cds-snc/notification-admin · GitHub

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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
@layer components {
  /*! purgecss start ignore */
  .fullscreen-content {
    @apply p-0 m-0 mb-12 bg-white z-10 overflow-hidden box-border border-0 border-solid border-gray-grey2 border-b-1 overflow-x-scroll;
  }
  .fullscreen-content.table-truncated {
    @apply border-0 mb-0;
  }
  .fullscreen-content .table {
    @apply mb-0;
  }
  .fullscreen-content tr:last-child td {
    @apply border-b-0;
  }
  .fullscreen-content th,
  .fullscreen-content .table-field-error-label,
  .fullscreen-content .table-field-left-aligned {
    @apply whitespace-nowrap;
  }

  .fullscreen-right-shadow {
    width: 4px;
    z-index: 200;
    @apply absolute top-0 right-0 h-full;
  }
  .fullscreen-right-shadow.visible.with-transition {
    transition: box-shadow 0.6s ease-out;
  }
  .fullscreen-right-shadow.visible {
    @apply shadow-inset1 shadow-inset3;
  }

  .fullscreen-scrollable-table {
    @apply overflow-y-hidden overflow-x-auto;
  }
  .fullscreen-scrollable-table .table-field-heading-first,
  .fullscreen-scrollable-table .table-field-index {
    @apply hidden;
  }
  .fullscreen-scrollable-table .table-field-left-aligned {
    z-index: 150;
    @apply relative bg-white;
  }
  .fullscreen-scrollable-table::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .fullscreen-scrollable-table::-webkit-scrollbar:horizontal {
    height: 11px;
    @apply bg-white;
  }
  .fullscreen-scrollable-table::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.5);
    @apply border-solid border-white border-2;
  }
  .fullscreen-scrollable-table::-webkit-scrollbar-track {
    border-radius: 8px;
    @apply bg-white;
  }

  .fullscreen-fixed-table {
    @apply absolute top-0 overflow-hidden;
  }
  .fullscreen-fixed-table .table-field-heading {
    @apply invisible;
  }
  .fullscreen-fixed-table .table-field-left-aligned {
    @apply w-0 absolute invisible z-100;
  }
  .fullscreen-fixed-table .table-field-heading-first,
  .fullscreen-fixed-table .table-field-index {
    transition: none;
    z-index: 200;
    @apply relative bg-white;
  }
  .fullscreen-fixed-table .table-field-index a {
    @apply text-small;
  }

  .fullscreen-scrolled-table {
    @apply pb-8;
  }
  .fullscreen-scrolled-table .table-field-heading-first,
  .fullscreen-scrolled-table .table-field-index {
    transition: box-shadow 0.3s ease-in-out;
    @apply shadow-outset1 shadow-outset3;
  }

  .fullscreen-shim {
    z-index: 9;
    @apply w-full relative mb-12 pointer-events-none;
  }
  .fullscreen-shim + .table-show-more-link {
    margin-top: -28px;
  }

  svg.table-overflow {
    @apply text-gray-grey2 mb-12;
  }
  svg.table-overflow rect {
    fill: url(#cut);
  }
  @variant sm {
    svg.table-overflow rect {
      fill: url(#cut-sm);
    }
  }
  @variant md {
    svg.table-overflow rect {
      fill: url(#cut-md);
    }
  }
  @variant lg {
    svg.table-overflow rect {
      fill: url(#cut-lg);
    }
  }

  /*! purgecss end ignore */
}