summaryrefslogtreecommitdiff
path: root/tuskar_ui/infrastructure/static/infrastructure/scss/_tables.scss
blob: d881ef4ccfc033593fa0dffd9ccf13ee4c648d4c (plain)
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
tr.table_actions_row {
  th.table_header {
    background: #f9f9f9;
    border-top-width: 2px !important;
    .table_actions {
      float: none;
      .table_search, .table_filter {
        .filter_select {
          display: inline-block;
          position: relative;
          background: rgb(243, 243, 243);
          margin-right: -4px;
          &:after, &:before {
            left: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            z-index: 3;
          }

          &:after {
            border-color: rgba(243, 243, 243, 0);
            border-left-color: #f3f3f3;
            border-width: 14px;
            margin-top: -14px;
          }
          &:before {
            border-color: rgba(204, 204, 204, 0);
            border-left-color: #cccccc;
            border-width: 16px;
            margin-top: -16px;
          }
          select {
            overflow:hidden;
            width: 120%;
            border-right: none;
            box-shadow: none;
            background: transparent;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
          }
          .caret {
            position: absolute;
            right: 0;
            top: 47%;
          }
        }
        input[type="text"] {
          padding-right: 5px;
        }
        input.filter_select_input {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
          border-left: none;
          padding-left: 20px;
          &:focus {
            box-shadow: none;
          }
        }
      }
    }
  }
}

.table > thead > tr > th {
  border-bottom: none;
}
tr.column_headers th {
  border: 1px solid $gray-light;
}