aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/app/scripts/view-models/component-viewer/component-viewer.less
blob: 2fe5676d623635bb9666bdd1ec3acd9c1acf20fc (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
html .modal-component-viewer{
    width: 1084px;
}

.w-sdc-resource-viewer {
    .b_7;
    .w-sdc-resource-viewer-modal-close{
        z-index: 2;
        text-indent: -100px;
        overflow: hidden;
        top: 19px;
    }
    .w-sdc-resource-viewer-content {
        position: relative;
        overflow: hidden;

        .w-sdc-resource-viewer-left {

            .bg_j;
            display: table-cell;
            width: 282px;

            .w-sdc-resource-viewer-left-title {
                margin: 0;
                display: block;
                height: 100px;
                padding: 20px 0;
            }

            .w-sdc-resource-viewer-left-title-icon {
                margin: 0 15px;
                vertical-align: middle;
                float: left;
            }

            .w-sdc-resource-viewer-left-title-name {
                .g_7;
                max-width: 160px;
                overflow: hidden;
                display: inline-block;
                text-overflow: ellipsis;
                vertical-align: middle;
                line-height: 23px;
                padding-top: 10px;
                font-weight: bold;
                white-space: nowrap;
            }

            .w-sdc-resource-viewer-left-title-version {
                .g_13;
                float: left;
            }

            .w-sdc-resource-viewer-left-title-uuid {
                .g_14;
                text-align: center;
                border-top: 1px solid rgba(120, 136, 148, 0.26);
                width: 95%;
                margin: auto;
                padding: 7px 0;
            }

            .w-sdc-resource-viewer-leftbar-section {
                font-family: omnes-medium, sans-serif;
            }

            .w-sdc-resource-viewer-leftbar-section-title {
                .bg_o;
                color: #fff;
                font-size: 14px;
                padding: 12px 20px;
                text-transform: uppercase;
            }

            .w-sdc-resource-viewer-leftbar-section-structure{
                .perfect-scrollbar;
                max-height: 525px;
            }
            .w-sdc-resource-viewer-version {
                font-weight: bold;
                .perfect-scrollbar;
            }

            .i-sdc-resource-viewer-version-container {
                padding: 13px 0px 13px 13px;
                max-height: 218px;

                .i-sdc-resource-viewer-version-item {

                    &.active {
                        .a_7;
                    }
                    &:hover {
                        cursor: pointer;
                    }
                }

            }
        }

        .w-sdc-resource-viewer-right {
            .bg_c;
            display: table-cell;
            vertical-align: top;
            padding: 0; // for the scroller to be on all width
            width: 716px;
            padding: 25px 0px 0px 35px;

            .w-sdc-resource-viewer-right-content {
                padding: 0 52px 0 0px;
                margin-bottom: 25px;
                height: 700px;
                overflow: hidden;
                position: relative;

            }

            .w-sdc-resource-viewer-right-tab {
                .b_6;

                .hand;
                background-color: transparent;
                position: relative;
                font-weight: 500;
                line-height: 30px;
                border: none;
                border-bottom: solid 1px @color_c;
                vertical-align: middle;
                padding: 0px 30px 20px 0px;


                &:focus,
                &:active {
                    outline: none;

                }
                &.selected {
                    outline: none;
                    font-weight: 700;
                    .font-color.a;
                }
            }


        }

    }
}