aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/view-models/forms/env-parameters-form/env-parameters-form.less
blob: d89ab37030f0d41725bdbb5c1b2b75d08315fa67 (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
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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
.sdc-env-form-container{
    .w-sdc-modal-body{
        padding: 20px 10px 2px 10px;
    }
    .w-sdc-modal-body-content{
        .b_6;
        display: block;
    }

    .env-file-generation-label{
        .p_9;
        .bold;
        margin-bottom: 20px;
    }
}

.w-sdc-env-form-container {
    height: 650px;

    .w-sdc-env-search {
        padding: 10px 20px 20px 0;
        white-space: nowrap;
        position: relative;
        width: 60%;
        height: 64px;

        .env-search-icon {
            top: 9px;
            right: 11px;
        }

        .magnification-white {
            .sprite-new;
            .search-white-icon;
            .hand;
        }

        .search-icon-container {
            width: 35px;
            height: 30px;
            background-color: @main_color_a;
            white-space: nowrap;
            float: right;
            position: relative;
            bottom: 31px;
            right: 1px;
            border-radius: 0px 4px 4px 0px;
            .hand
        }

        .w-sdc-env-search-input {
            border: 1px solid @color_e;
            .border-radius(4px);
            height: 32px;
            margin: 0;
            padding: 0px 28px 3px 10px;
            vertical-align: 4px;
            width: 100%;
            outline: none;
            font-style: italic;
        }
    }

    .table-container-flex {
        height: 570px;

        .table {
            height: 100%;
            .flex-item:nth-child(1) {
                flex-grow: 20;
                .show-desc{
                    float: right;
                    top: 10px;
                    position: relative;
                }
            }

            .flex-item:nth-child(2) {
                flex-grow: 10;
            }

            .flex-item:nth-child(3) {
                flex-grow: 10;
            }
            .scrollbar-container{
                max-height: 527px;
            }
            .left-column-container{
                .required-symbol {
                    .m_14_m;
                    color: #f33;
                    display: none;
                    position: relative;
                    left: -4px;
                    top: 3px;
                }

                .i-sdc-form-item{
                    border-right: none;
                    margin: 0px;

                    .input-parameter{
                        border: none;
                        height: 30px;
                        width: 254px;
                        float: right;
                        input{
                            .m_13_m;
                            width: 100%;
                            display: inline-flex;
                            padding-right: 33px;
                        }
                        .action-button{
                            border-left: solid 1px @main_color_o;
                            position: relative;
                            height: 20px;
                            width: 25px;
                            top: -25px;
                            left: 228px;
                            padding-left: 6px;
                            background-color: @main_color_p;
                            div:not(.disable){
                                .hand;
                            }
                        }
                    }

                    &.required{
                        .required-symbol {
                            display: inline-flex;
                        }
                        .input-parameter {
                            width: 250px;
                        }
                        .action-button{
                            left: 224px;
                        }
                    }
                }



            }
        }

        .text{
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            white-space: nowrap;
        }
    }


    .parameter-description{
        background-color: @func_color_r;
        border-left: 4px solid @main_color_a;
        padding: 10px 30px;
    }
}

.header-info{
    float: right;
}

.parameter-description-popover{
    z-index: 1100;
    min-width: 210px;
    .arrow{
        left: 20px !important;
        border-width: 7px;
        bottom: -8px !important;
    }
    .popover-content{
        .f-type._13_m;;
    }
}