blob: 936b3e3414c83dd4a4755b06dd63b5688ac69994 (
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
|
.sdc-general-tab {
display: flex;
min-height: 100%;
flex-flow: column;
.sdc-edit-icon {
.sprite;
.e-sdc-small-icon-pencil;
}
.sdc-general-tab-title {
.f-color.a;
.f-type._14_m;
padding: 0px 0px 15px 20px;
border-bottom: 1px solid @main_color_o;
}
.sdc-general-tab-sub-title {
.f-color.a;
.f-type._14_m;
padding: 15px 20px 15px 20px;
}
//scrollbar
.general-tab-scrollbar-container {
.perfect-scrollbar;
width: 100%;
}
//plus minus expand collapse
.general-tab-expand-collapse {
&.expanded {
.expand-collapse-title {
.expand-collapse-title-icon {
.expand-collapse-minus-icon;
}
}
}
.expand-collapse-title {
padding: 8px 20px 4px 20px;
cursor: pointer;
&:hover {
background-color: @main_color_o;
}
.expand-collapse-title-icon {
.hand;
.sprite-new;
.expand-collapse-plus-icon;
}
.expand-collapse-title-text {
max-width: 225px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 10px;
line-height: 15px;
}
}
.selected {
background-color: @main_color_a;
.f-color.p;
}
}
.expand-collapse-sub-title {
max-width: 190px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 10px 0 0 43px;
}
//resizable view
.resizable-container {
flex: 1 1 auto;
display: flex;
flex-direction: column;
height: 90%;
.resizable-section {
min-height: 50px;
flex: 1;
display: flex;
flex-flow: column;
&.resizable {
flex: 0 0 300px;
}
}
//this is the resizable icon custom design for the angular resizable directive
.rg-top {
span {
margin-top: -5px;
&:before {
border-top: 1px dotted @main_color_m;
content: '';
display: inline-block;
width: 39px;
height: 6px;
}
border-top: 1px dotted @main_color_m;
border-bottom: 1px dotted @main_color_m;
width: 39px;
height: 4px;
}
}
}
}
|
