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
| .questionnair-siderbar {
| position: absolute;
| bottom: 20px;
| top: 20px;
| left: 20px;
| width: 210px;
| display: flex;
| flex-direction: column;
| }
| .siderbar-tab {
| width: 100%;
| height: 30px;
| display: flex;
| position: relative;
| z-index: 1;
| }
| .tab-item {
| flex: 1;
| text-align: center;
| height: 30px;
| line-height: 30px;
| color: #666;
| background: #F7F7F7;
| border: 1px solid #e8e8e8;
| cursor: pointer;
| }
| .tab-item-active {
| box-shadow: 0 0 4px 0 rgba(202,202,202,0.50);
| border: 1px solid transparent;
| background: #fff;
| position: relative;
| &:before {
| content: '';
| position: absolute;
| top: -1px;
| left: -1px;
| right: -1px;
| height: 2px;
| background-color: #1890ff;
| z-index: 1;
| }
| }
| .siderbar-menu {
| flex: 1;
| box-shadow: 0 3px 4px 0 rgba(202,202,202,0.50);
| background: #fff;
| z-index: 2;
| }
| .siderbar-menu-content {
| width: 100%;
| }
| .siderbar-menu-icon {
| margin-right: 10px;
| }
| .siderbar-menu-editors {
| width: 168px;
| height: 36px;
| border: 1px solid #1890ff;
| color: #1890ff;
| padding-left: 8px;
| margin: 15px auto;
| cursor: pointer;
| display: flex;
| align-items: center;
| position: relative;
| }
| .siderbar-menu-summary {
| width: 100%;
| height: 36px;
| color: #1890ff;
| padding-left: 30px;
| padding-right: 10px;
| margin: 0 auto;
| cursor: pointer;
| display: flex;
| align-items: center;
| position: relative;
| }
| .summary-text {
| overflow: hidden;
| text-overflow: ellipsis;
| white-space: nowrap;
| }
| .summary-drag-mask {
| position: absolute;
| top: 0;
| left: 0;
| right: 0;
| bottom: 0;
| }
|
|
