@jx3box/jx3box-common-ui 7.4.2 → 7.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/right-sidebar.less +39 -19
- package/package.json +1 -1
- package/src/App.vue +1 -1
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
.c-sidebar-right{
|
|
2
|
-
.pf
|
|
3
|
-
|
|
1
|
+
.c-sidebar-right {
|
|
2
|
+
.pf;
|
|
3
|
+
.rt(0,@header-height + @bread-height);
|
|
4
|
+
.z(400);
|
|
5
|
+
bottom: 0;
|
|
4
6
|
.w(@aside-right);
|
|
5
|
-
background-color
|
|
6
|
-
border-left:1px solid #eee;
|
|
7
|
+
background-color: #fff;
|
|
8
|
+
border-left: 1px solid #eee;
|
|
7
9
|
box-sizing: border-box;
|
|
8
10
|
|
|
9
11
|
&.show-toggle {
|
|
@@ -11,6 +13,22 @@
|
|
|
11
13
|
}
|
|
12
14
|
}
|
|
13
15
|
|
|
16
|
+
@media screen and (max-width: @smallpc) {
|
|
17
|
+
.c-sidebar-right {
|
|
18
|
+
.pr;
|
|
19
|
+
width: 100%;
|
|
20
|
+
top: 0;
|
|
21
|
+
&.show-toggle {
|
|
22
|
+
background-color: #fff;
|
|
23
|
+
.pf;
|
|
24
|
+
.rt(0,@header-height + @bread-height);
|
|
25
|
+
.z(400);
|
|
26
|
+
bottom: 0;
|
|
27
|
+
.w(@aside-right);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
14
32
|
.c-sidebar-right-inner {
|
|
15
33
|
.size(100%);
|
|
16
34
|
overflow-y: auto;
|
|
@@ -37,7 +55,7 @@
|
|
|
37
55
|
}
|
|
38
56
|
}
|
|
39
57
|
|
|
40
|
-
.c-sidebar-right-title{
|
|
58
|
+
.c-sidebar-right-title {
|
|
41
59
|
font-size: 18px;
|
|
42
60
|
line-height: 24px;
|
|
43
61
|
font-weight: 300;
|
|
@@ -45,16 +63,15 @@
|
|
|
45
63
|
padding: 0 0 5px 0;
|
|
46
64
|
border-bottom: 1px solid #ebeef5;
|
|
47
65
|
|
|
48
|
-
.u-icon{
|
|
66
|
+
.u-icon {
|
|
49
67
|
width: 24px;
|
|
50
68
|
height: 24px;
|
|
51
69
|
margin-right: 10px;
|
|
52
70
|
}
|
|
53
71
|
}
|
|
54
72
|
|
|
55
|
-
.c-sidebar-right-list{
|
|
56
|
-
|
|
57
|
-
.u-item{
|
|
73
|
+
.c-sidebar-right-list {
|
|
74
|
+
.u-item {
|
|
58
75
|
.db;
|
|
59
76
|
height: 48px;
|
|
60
77
|
line-height: 48px;
|
|
@@ -64,19 +81,20 @@
|
|
|
64
81
|
border-bottom: 1px solid #ebeef5;
|
|
65
82
|
font-size: 13px;
|
|
66
83
|
font-weight: 500;
|
|
67
|
-
transition: border-bottom-color .3s;
|
|
84
|
+
transition: border-bottom-color 0.3s;
|
|
68
85
|
outline: none;
|
|
69
86
|
.pr;
|
|
70
87
|
|
|
71
|
-
&:hover{
|
|
72
|
-
color
|
|
88
|
+
&:hover {
|
|
89
|
+
color: @primary;
|
|
73
90
|
}
|
|
74
91
|
|
|
75
|
-
&:after{
|
|
92
|
+
&:after {
|
|
76
93
|
content: "\e6e0";
|
|
77
|
-
.pa
|
|
94
|
+
.pa;
|
|
95
|
+
.rt(0,50%);
|
|
78
96
|
transform: translateY(-50%);
|
|
79
|
-
font-family: element-icons!important;
|
|
97
|
+
font-family: element-icons !important;
|
|
80
98
|
speak: none;
|
|
81
99
|
font-style: normal;
|
|
82
100
|
font-weight: 400;
|
|
@@ -167,7 +185,7 @@
|
|
|
167
185
|
// }
|
|
168
186
|
|
|
169
187
|
// 平板横屏
|
|
170
|
-
@media screen and (max-width
|
|
188
|
+
@media screen and (max-width: @smallpc) {
|
|
171
189
|
// .c-sidebar-right{
|
|
172
190
|
// .ps;
|
|
173
191
|
// .w(auto);
|
|
@@ -175,6 +193,8 @@
|
|
|
175
193
|
// }
|
|
176
194
|
}
|
|
177
195
|
|
|
178
|
-
@media print{
|
|
179
|
-
.c-sidebar-right{
|
|
196
|
+
@media print {
|
|
197
|
+
.c-sidebar-right {
|
|
198
|
+
.none;
|
|
199
|
+
}
|
|
180
200
|
}
|
package/package.json
CHANGED