summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/modules/_softwareProductComponentNetwork.scss
blob: 464ef98d113d6dd4e2d2a07f53a1997da4517628 (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
.vsp-components-network {
    .network-data {
        .single-col {
            .validation-input-wrapper {
                label {
                    max-width: 230px;
                }
            }
        }
    }
    .list-editor-view {
        margin-top: 50px;
        .manual-title {
            @extend .body-1-semibold;
        }
    }
}
.network-nic-modal-create {
    .network-type-radio {
        display: flex;
        .validation-radio-wrapper:first-child {
            padding-right: 20px;
        }
    }
}

.vsp-components-network-editor {
    .editor-data {
        height: 500px;
        .grid-section {
            padding-bottom: 15px;
            .section-title {
                @extend .heading-5;
                padding-bottom: 10px;
                padding-left: 0;
            }
        }
        .part-title {
            @extend .heading-5;
            padding-bottom: 10px;
            padding-left: 14px;
        }
        .part-title-small {
            @extend .heading-3;
            padding-bottom: 10px;
            padding-left: 0;
        }
        .network-radio label {
            font-size: 15px;
        }

        .packets-bytes-gen {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            .top-row {
                display: flex;
                .part-title-small {
                    padding-left: 0;
                    &.packets {
                        flex: 0 0 52%;
                    }
                    &.bytes {
                        flex: 0 0 48%;
                    }
                }
            }
            .bottom-row {
                display: flex;
                justify-content: space-between;
                flex-direction: row;
                flex: 1;
                .inputs-wrapper {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    flex: 1;
                    .validation-input-wrapper {
                        flex: 0 0 22%;
                    }
                }
            }
        }
    }
}