summaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/assets/styles/table-style.less
blob: fa61a669b0589863eb723de7b58d19a0e85e88cb (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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
@import "./override";

:host ::ng-deep {

  .externalActionLabel {
      color: @sdcui_color_blue;
  }

  .ngx-datatable {
    border: 1px solid @sdcui_color_light-gray;
    > div {
      height: 100%;
      min-height: 500px;
      datatable-body {
        height: calc(100% - 50px) !important;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 500px;
      }
    }
    //*********************************************

    .datatable-header {
      background-color: @sdcui_color_silver;
      border-bottom: 1px solid @sdcui_color_light-gray;

      .datatable-header-inner {
        height: 100%;
        align-items: center;

        .datatable-header-cell {
          box-sizing: border-box;
          color: @sdcui_color_dark-gray;
          border-right: 1px solid @sdcui_color_light-gray;
          font-weight: bold;
          text-align: center;
          padding: 10px;

          .datatable-icon-up {
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid @sdcui_color_dark-gray;
          }

          .datatable-icon-down {
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid @sdcui_color_dark-gray;
          }
        }
      }
    }

    .datatable-body-cell {
      padding: 5px 20px;
      border-bottom: 1px solid @sdcui_color_light-gray;
      border-right: 1px solid @sdcui_color_light-gray;
      font-family: OpenSans-Regular, sans-serif;
      font-size: 13px;
      font-weight: normal;
      .label {
        font-family: OpenSans-Regular, sans-serif;
        font-size: 13px;
        color: @sdcui_color_gray;
      }
    }
    .datatable-body-row:hover {
      background-color: @sdcui_color_light-silver;
    }

  }
  .datatable-row-detail {
    padding: 10px 25px;
    border-bottom: 1px solid @sdcui_color_light-gray;
  }

  .empty-row {
    padding: 10px;
  }

}

.expand-collapse-cell {
  display: flex;
  align-items: center;
  .expand-collapse-icon {
    padding-right: 10px;
  }
}