catalog-ui/src/assets/styles/multi-level-expand-collapse.less


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

.first-level{
    background-color: @tlv_color_u;
    padding:8px 20px 8px 8px !important;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.7);
    height: 40px;
}

.second-level{
    background-color: @tlv_color_t;
    padding:4px 20px 4px 37px !important;
    border-bottom: 1px solid @main_color_o;
    height: 30px;
}

.expand-collapse-title-icon,.expand-collapse-title-text{
    vertical-align: middle;
}

.expanded{
    .first-level,.second-level{
        background-color:  @tlv_color_v;
        border-left: solid @main_color_a 4px;
        box-shadow: 0 0px 3px -1px rgba(0,0,0,0.3);
        margin-bottom: 2px;
    }
    .first-level{
        padding-left: 4px !important;
    }
    .second-level{
        padding-left: 33px !important;
    }
}