aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/view-models/tabs/hierarchy/hierarchy.less
blob: dee0eeb38b310eedf271e78d6ed822743dc8b797 (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
.hierarchy-tab{
    width: 100%;
    .hierarchy-module-list-container{
        padding: 0px 20px 0px 20px;
    }
    .module-data-container{

        width: 100%;
        height: 100%;
        background-color: #e6f6fb;
        border: 1px solid #009fdb;
        border-top: 4px solid #009fdb;
        box-shadow: 0.3px 1px 2px rgba(24, 24, 25, 0.32);

        .module-data {

            .selectable;
            .module-name {
                .f-type._14_m;
                width: 87%;
            }
            .f-type._14_r;
            .f-color.a;
            padding: 10px 0px 10px 0px;
            margin: 0px 20px 0px 20px;
            //border-bottom: 1px solid rgba(0, 159, 219, 0.6);

            .small-font{
                font-size: 12px;
            }
        }

        .list-item{
            padding: 10px 0px 10px 0px;
            margin: 0px 20px 0px 20px;
            &:not(.last){
                border-bottom: 1px solid rgba(0, 159, 219, 0.6);
            }
        }

        .artifact-data{
            .selectable;
            .f-type._12_r;
            .f-color.m;
            .artifact-name {
                .f-type._14_r;
                font-weight: bold;
            }
        }

        .property-data{
            .property-name{
                width: 100%;
                .f-type._14_m;
                font-weight: 400;
                color: @main_color_a;
            }
            .property-info{
                color: @func_color_s;
                .f-type._14_r;
                width: 100%;
            }
        }

        .module-text-overflow {
            max-width: 240px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            //display: inline-block;
        }
    }

    .hierarchy-modules-list{
        .expand-collapse-title{
            .expand-collapse-title-text{
                max-width: 202px;
            }
        }
    }

    .hierarchy-module-member-list {
        overflow: hidden;
        background-color: @main_color_p;
    }

    .edit-name-container {
        float: right;
        border-left: 1px solid #5cc1e7;
        height: 20px;
        width: 12%;

        .sdc-edit-icon {
            float: right;
            cursor: pointer;
            position: relative;
            top: 4px;
            right: 5px;
        }
    }
}