aboutsummaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/modules/_softwareProductValidationPage.scss
blob: 2be9c8a022359f1d3fd4b17d830640870f47f373 (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
.vsp-validation-view {
  position: relative;
  .validation-tabs {
    .sdc-tabs-list {
      padding-left: 28px;
      background-color: $tlv-gray;
      box-shadow: none;
      border-bottom: 1px solid $light-gray;
      .sdc-tab {
          @extend .heading-2;
        padding-top: 10px;
        margin-top: 0;
        &.sdc-tab-active {
          color: $blue;
          font-weight: bold;
        }
      }
    }
    .sdc-tab-content {
      margin-top: 0;
    }
  }

  .validation-view-title {
    padding-bottom: 5px;
    font-size: 16px;
  }

  .validation-view-tab {
    padding: 30px 60px 70px 60px;
  }

  .validation-setup-checkbox-tree-section {
    //height: 260px;
    clear: both;
  }

  .validation-setup-selected-tests {
    height: 160px;
    width: 100%;
    border: solid;
  }

  .validation-setup-available-tests-section {
    height: 160px;
    width: 100%;
    overflow: auto;
    clear: both;
    border: solid;
  }

  .validation-setup-available-tests-section::-webkit-scrollbar {
    height: 8px;
    width: 14px;
  }

  .div-clear-both {
    clear: both;
  }

  .validation-view-controllers {
    position: absolute;
    right: 40px;
    top: 10px;
    display: flex;

    .proceed-to-validation-results-btn {
      margin-right: 30px;
    }
    .change-tabs-btn {
      width: 191px;
      margin-right: 36px;
      height: 36px;
    }
  }
  .validation-setup-checkbox-tree-section label {
    margin-bottom: 0px;
  }
  .validation-form-content .grid-col-1 {
    flex-basis: 30%;
  }
  .form-group input[type=file] {
    border: 1px solid $light-gray;
    height: 30px;
    padding-top: 3px;
    width: 100%
  }
}