artalk 2.1.3 → 2.1.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/dist/Artalk.css +1 -1
- package/dist/Artalk.es.js +285 -323
- package/dist/Artalk.iife.js +1 -1
- package/dist/Artalk.js +1 -1
- package/package.json +6 -9
- package/src/api/index.ts +2 -3
- package/src/artalk.ts +2 -2
- package/src/components/action-btn.ts +1 -1
- package/src/components/comment.ts +88 -3
- package/src/components/editor-plugs/emoticons-plug.less +21 -11
- package/src/components/editor-plugs/emoticons-plug.ts +18 -18
- package/src/components/editor-plugs/preview-plug.less +1 -1
- package/src/components/editor.ts +15 -20
- package/src/components/html/comment.html +6 -13
- package/src/components/html/editor.html +8 -9
- package/src/components/html/list.html +1 -1
- package/src/components/list-lite.ts +203 -299
- package/src/components/list.ts +11 -9
- package/src/components/pagination.ts +2 -2
- package/src/components/read-more-btn.ts +27 -4
- package/src/components/sidebar-views/comments-view.ts +4 -5
- package/src/defaults.ts +1 -1
- package/src/lib/utils.ts +2 -1
- package/src/style/_color.less +19 -23
- package/src/style/_extend.less +3 -3
- package/src/style/_variables.less +0 -24
- package/src/style/comment.less +191 -197
- package/src/style/editor.less +69 -94
- package/src/style/item-text-editor.less +2 -2
- package/src/style/list.less +13 -13
- package/src/style/main.less +31 -31
- package/src/style/page-list.less +4 -4
- package/src/style/pagination.less +6 -6
- package/src/style/sidebar.less +35 -35
- package/src/style/site-list.less +13 -13
- package/types/artalk-data.d.ts +2 -2
package/src/style/editor.less
CHANGED
|
@@ -1,36 +1,32 @@
|
|
|
1
1
|
.atk-main-editor {
|
|
2
|
-
|
|
3
|
-
border-radius: @block-radius;
|
|
4
|
-
margin-bottom: @block-margin;
|
|
5
|
-
overflow: hidden;
|
|
6
|
-
position: relative;
|
|
7
|
-
background: @color-bg;
|
|
2
|
+
@editor-padding: 10px;
|
|
8
3
|
z-index: 5;
|
|
4
|
+
position: relative;
|
|
5
|
+
overflow: hidden;
|
|
6
|
+
background: var(--at-color-bg);
|
|
7
|
+
border: 1px solid var(--at-color-border);
|
|
8
|
+
border-radius: @block-radius;
|
|
9
|
+
margin-bottom: 15px;
|
|
9
10
|
|
|
10
11
|
@media only screen and (max-width: 768px) {
|
|
11
|
-
|
|
12
|
-
margin-bottom: @block-margin-mobile;
|
|
13
|
-
}
|
|
12
|
+
margin-bottom: 7px;
|
|
14
13
|
}
|
|
15
14
|
|
|
16
|
-
& > .atk-
|
|
15
|
+
& > .atk-header {
|
|
17
16
|
display: flex;
|
|
18
17
|
flex-direction: row;
|
|
19
|
-
padding:
|
|
20
|
-
padding-top: calc(@block-padding / 2);
|
|
21
|
-
padding-bottom: 0;
|
|
18
|
+
padding: calc(@editor-padding / 2) @editor-padding 0;
|
|
22
19
|
|
|
23
20
|
input {
|
|
24
|
-
font-size: 14px;
|
|
25
|
-
border: 2px solid transparent;
|
|
26
|
-
transition: color .3s ease;
|
|
27
21
|
flex: 1;
|
|
22
|
+
width: 100%;
|
|
23
|
+
font-size: 14px;
|
|
28
24
|
background: transparent;
|
|
25
|
+
border: 2px solid transparent;
|
|
29
26
|
border-radius: calc(@block-radius / 2);
|
|
30
27
|
padding: 6px 5px;
|
|
31
28
|
resize: none;
|
|
32
29
|
outline: none;
|
|
33
|
-
width: 100%;
|
|
34
30
|
|
|
35
31
|
&:not(:last-child) {
|
|
36
32
|
margin-right: 2px;
|
|
@@ -38,59 +34,46 @@
|
|
|
38
34
|
}
|
|
39
35
|
}
|
|
40
36
|
|
|
41
|
-
& > .atk-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
background-color: @color-bg;
|
|
46
|
-
margin-top: 2px;
|
|
47
|
-
padding: @block-padding calc(10px + 5px);
|
|
37
|
+
& > .atk-textarea-wrap {
|
|
38
|
+
position: relative;
|
|
39
|
+
|
|
40
|
+
& > .atk-textarea {
|
|
48
41
|
display: block;
|
|
42
|
+
overflow: hidden;
|
|
43
|
+
color: var(--at-color-font);
|
|
44
|
+
font-size: 15px;
|
|
45
|
+
background-color: var(--at-color-bg);
|
|
46
|
+
border: 2px solid transparent;
|
|
47
|
+
border-radius: calc(@block-radius / 2);
|
|
49
48
|
width: 100%;
|
|
50
49
|
min-height: 130px;
|
|
50
|
+
margin-top: 2px;
|
|
51
|
+
padding: @editor-padding calc(10px + 5px);
|
|
51
52
|
resize: none;
|
|
52
53
|
word-wrap: break-word;
|
|
53
|
-
border: 2px solid transparent;
|
|
54
|
-
border-radius: calc(@block-radius / 2);
|
|
55
54
|
outline: none;
|
|
56
|
-
overflow: hidden;
|
|
57
55
|
}
|
|
58
56
|
|
|
59
|
-
.atk-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
// background: repeating-linear-gradient(145deg, #f2f2f2, #f2f2f2 15px, #fff 0, #fff 30px);
|
|
63
|
-
padding: 0;
|
|
64
|
-
position: relative;
|
|
65
|
-
text-align: center;
|
|
66
|
-
min-height: 30px;
|
|
67
|
-
border-top: 1px solid @color-border;
|
|
68
|
-
margin-top: 4px;
|
|
69
|
-
font-weight: 100;
|
|
57
|
+
& > .atk-comment-closed {
|
|
58
|
+
pointer-events: none;
|
|
59
|
+
color: var(--at-color-meta);
|
|
70
60
|
font-size: 12px;
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
background: @color-bg;
|
|
76
|
-
|
|
77
|
-
& > span {
|
|
78
|
-
color: @color-meta;
|
|
79
|
-
border-radius: 2px;
|
|
80
|
-
margin-right: 14px;
|
|
81
|
-
}
|
|
61
|
+
background-color: var(--at-color-bg);
|
|
62
|
+
border-top: 1px solid var(--at-color-border);
|
|
63
|
+
padding: 5px 15px;
|
|
64
|
+
// background: repeating-linear-gradient(145deg, #f2f2f2, #f2f2f2 15px, #fff 0, #fff 30px);
|
|
82
65
|
}
|
|
83
66
|
|
|
84
|
-
.atk-send-reply {
|
|
67
|
+
& > .atk-send-reply {
|
|
85
68
|
z-index: 2;
|
|
86
69
|
position: absolute;
|
|
87
70
|
right: 10px;
|
|
88
|
-
bottom:
|
|
71
|
+
bottom: 8px;
|
|
89
72
|
max-width: calc(100% - 20px);
|
|
90
73
|
height: 30px;
|
|
91
74
|
line-height: 30px;
|
|
92
75
|
font-size: 14px;
|
|
93
|
-
background:
|
|
76
|
+
background: var(--at-color-bg-grey-transl);
|
|
94
77
|
padding: 0 30px 0 10px;
|
|
95
78
|
overflow: hidden;
|
|
96
79
|
text-overflow: ellipsis;
|
|
@@ -111,97 +94,89 @@
|
|
|
111
94
|
font-weight: 700;
|
|
112
95
|
|
|
113
96
|
&:hover {
|
|
114
|
-
color:
|
|
97
|
+
color: var(--at-color-deep);
|
|
115
98
|
}
|
|
116
99
|
}
|
|
117
100
|
}
|
|
118
101
|
}
|
|
119
102
|
|
|
120
|
-
& > .atk-
|
|
103
|
+
& > .atk-plug-wrap {
|
|
121
104
|
position: relative;
|
|
122
105
|
height: 180px;
|
|
123
106
|
width: 100%;
|
|
124
107
|
overflow: hidden;
|
|
125
|
-
border-top: 1px solid
|
|
126
|
-
animation: .3s both atkFadeIn;
|
|
127
|
-
transition: .2s height ease-in-out;
|
|
108
|
+
border-top: 1px solid var(--at-color-border);
|
|
109
|
+
animation: 0.3s both atkFadeIn;
|
|
110
|
+
transition: 0.2s height ease-in-out;
|
|
128
111
|
}
|
|
129
112
|
|
|
130
|
-
& > .atk-
|
|
113
|
+
& > .atk-bottom {
|
|
131
114
|
display: flex;
|
|
132
115
|
flex-direction: row;
|
|
133
|
-
|
|
134
|
-
|
|
116
|
+
justify-content: space-between;
|
|
117
|
+
border-top: 1px solid var(--at-color-border);
|
|
118
|
+
padding: 0 0 0 calc(@editor-padding - 5px);
|
|
135
119
|
|
|
136
|
-
.atk-
|
|
120
|
+
& > .atk-item {
|
|
137
121
|
display: flex;
|
|
138
|
-
flex: 1;
|
|
139
122
|
flex-direction: row;
|
|
140
123
|
align-items: center;
|
|
141
|
-
|
|
142
|
-
&.atk-left {
|
|
143
|
-
flex: inherit;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
&.atk-right {
|
|
147
|
-
justify-content: flex-end;
|
|
148
|
-
}
|
|
149
124
|
}
|
|
150
125
|
|
|
151
|
-
.atk-
|
|
126
|
+
.atk-plug-btn {
|
|
152
127
|
padding: 0 8px;
|
|
153
128
|
cursor: pointer;
|
|
154
|
-
color:
|
|
129
|
+
color: var(--at-color-grey);
|
|
155
130
|
font-size: @font-size;
|
|
156
131
|
user-select: none;
|
|
157
132
|
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
display: inline-flex;
|
|
161
|
-
vertical-align: sub;
|
|
162
|
-
margin-left: 4px;
|
|
163
|
-
svg.markdown path {
|
|
164
|
-
fill: @color-grey;
|
|
165
|
-
}
|
|
133
|
+
&:not(:last-child) {
|
|
134
|
+
border-right: 1px solid var(--at-color-border);
|
|
166
135
|
}
|
|
167
136
|
|
|
168
137
|
&.active {
|
|
169
|
-
color:
|
|
138
|
+
color: var(--at-color-main);
|
|
170
139
|
|
|
171
|
-
|
|
172
|
-
fill:
|
|
140
|
+
svg.markdown path {
|
|
141
|
+
fill: var(--at-color-main);
|
|
173
142
|
}
|
|
174
143
|
}
|
|
175
144
|
|
|
176
|
-
|
|
177
|
-
|
|
145
|
+
i {
|
|
146
|
+
color: var(--at-color-grey);
|
|
147
|
+
display: inline-flex;
|
|
148
|
+
vertical-align: sub;
|
|
149
|
+
margin-left: 4px;
|
|
150
|
+
svg.markdown path {
|
|
151
|
+
fill: var(--at-color-grey);
|
|
152
|
+
}
|
|
178
153
|
}
|
|
179
154
|
}
|
|
180
155
|
|
|
181
156
|
.atk-send-btn {
|
|
182
|
-
background:
|
|
183
|
-
color: #
|
|
157
|
+
background: var(--at-color-main);
|
|
158
|
+
color: #fff;
|
|
159
|
+
font-size: @font-size;
|
|
184
160
|
border: none;
|
|
185
161
|
padding: 0 30px;
|
|
162
|
+
margin: 0;
|
|
186
163
|
height: 30px;
|
|
187
164
|
cursor: pointer;
|
|
188
|
-
transition: opacity .3s ease-in-out;
|
|
165
|
+
transition: opacity 0.3s ease-in-out;
|
|
189
166
|
outline: none;
|
|
190
|
-
font-size: @font-size;
|
|
191
|
-
margin: 0;
|
|
192
167
|
|
|
193
168
|
&:active {
|
|
194
|
-
opacity: .9;
|
|
169
|
+
opacity: 0.9;
|
|
195
170
|
}
|
|
196
171
|
}
|
|
197
172
|
}
|
|
198
173
|
|
|
199
|
-
& > .atk-
|
|
174
|
+
& > .atk-notify-wrap {
|
|
175
|
+
z-index: 9;
|
|
200
176
|
position: absolute;
|
|
201
177
|
right: -2px;
|
|
202
178
|
bottom: 36px;
|
|
203
179
|
width: 225px;
|
|
204
|
-
|
|
205
|
-
opacity: .83;
|
|
180
|
+
opacity: 0.83;
|
|
206
181
|
}
|
|
207
182
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.atk-item-text-editor-layer {
|
|
2
2
|
z-index: 999;
|
|
3
|
-
background:
|
|
3
|
+
background: var(--at-color-bg);
|
|
4
4
|
position: absolute;
|
|
5
5
|
left: 0;
|
|
6
6
|
top: 0;
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
width: 100%;
|
|
20
20
|
padding: 3px 5px;
|
|
21
21
|
border: 0;
|
|
22
|
-
border-bottom: 1px solid
|
|
22
|
+
border-bottom: 1px solid var(--at-color-border);
|
|
23
23
|
outline: none;
|
|
24
24
|
background: transparent;
|
|
25
25
|
|
package/src/style/list.less
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
display: flex;
|
|
6
6
|
flex-direction: row;
|
|
7
7
|
padding: 10px 10px 5px 10px;
|
|
8
|
-
border-bottom: 1px solid
|
|
8
|
+
border-bottom: 1px solid var(--at-color-border);
|
|
9
9
|
|
|
10
10
|
.atk-comment-count {
|
|
11
11
|
font-size: 15px;
|
|
@@ -25,19 +25,19 @@
|
|
|
25
25
|
|
|
26
26
|
& > span {
|
|
27
27
|
font-size: 14px;
|
|
28
|
-
color:
|
|
28
|
+
color: var(--at-color-meta);
|
|
29
29
|
cursor: pointer;
|
|
30
30
|
user-select: none;
|
|
31
31
|
position: relative;
|
|
32
32
|
|
|
33
33
|
&.atk-on, &.atk-on * {
|
|
34
|
-
color:
|
|
34
|
+
color: var(--at-color-main);
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
&:not(:last-child):not(.atk-hide) {
|
|
38
38
|
margin-right: 10px;
|
|
39
39
|
padding-right: 10px;
|
|
40
|
-
border-right: 1px solid
|
|
40
|
+
border-right: 1px solid var(--at-color-border);
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
.atk-unread-badge {
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
top: -5px;
|
|
46
46
|
left: -6px;
|
|
47
47
|
color: #fff;
|
|
48
|
-
background:
|
|
48
|
+
background: var(--at-color-pink);
|
|
49
49
|
text-align: center;
|
|
50
50
|
min-width: 16px;
|
|
51
51
|
height: 16px;
|
|
@@ -80,12 +80,12 @@
|
|
|
80
80
|
.atk-copyright {
|
|
81
81
|
display: block;
|
|
82
82
|
font-size: 12px;
|
|
83
|
-
color:
|
|
83
|
+
color: var(--at-color-meta);
|
|
84
84
|
padding-right: 15px;
|
|
85
85
|
margin-top: 5px;
|
|
86
86
|
|
|
87
87
|
a {
|
|
88
|
-
color:
|
|
88
|
+
color: var(--at-color-main);
|
|
89
89
|
text-decoration: none;
|
|
90
90
|
}
|
|
91
91
|
}
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
.atk-list-read-more {
|
|
104
|
-
border-top: 1px dashed
|
|
104
|
+
border-top: 1px dashed var(--at-color-border);
|
|
105
105
|
margin-top: 20px;
|
|
106
106
|
padding-bottom: 20px;
|
|
107
107
|
|
|
@@ -124,11 +124,11 @@
|
|
|
124
124
|
width: 120px;
|
|
125
125
|
margin: 0 auto;
|
|
126
126
|
margin-top: -15px;
|
|
127
|
-
background:
|
|
128
|
-
border-color:
|
|
127
|
+
background: var(--at-color-bg);
|
|
128
|
+
border-color: var(--at-color-border);
|
|
129
129
|
|
|
130
130
|
&.atk-err > .atk-text {
|
|
131
|
-
color:
|
|
131
|
+
color: var(--at-color-red) !important;
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
& > .atk-loading-icon {
|
|
@@ -137,12 +137,12 @@
|
|
|
137
137
|
}
|
|
138
138
|
|
|
139
139
|
& > .atk-text {
|
|
140
|
-
color:
|
|
140
|
+
color: var(--at-color-meta);
|
|
141
141
|
}
|
|
142
142
|
|
|
143
143
|
&:hover {
|
|
144
144
|
& > .atk-text {
|
|
145
|
-
color:
|
|
145
|
+
color: var(--at-color-main);
|
|
146
146
|
}
|
|
147
147
|
}
|
|
148
148
|
}
|
package/src/style/main.less
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
* {
|
|
11
11
|
box-sizing: border-box;
|
|
12
12
|
line-height: @line-height;
|
|
13
|
-
color:
|
|
13
|
+
color: var(--at-color-font);
|
|
14
14
|
font-family: @font-family;
|
|
15
15
|
word-wrap: break-word;
|
|
16
16
|
word-break: break-all;
|
|
@@ -19,16 +19,20 @@
|
|
|
19
19
|
pre {
|
|
20
20
|
padding: 10px;
|
|
21
21
|
line-height: @line-height;
|
|
22
|
-
background-color:
|
|
23
|
-
color:
|
|
24
|
-
padding:
|
|
25
|
-
border-radius:
|
|
22
|
+
background-color: var(--at-color-bg-grey);
|
|
23
|
+
color: var(--at-color-font);
|
|
24
|
+
padding: 10px 15px;
|
|
25
|
+
border-radius: @block-radius;
|
|
26
26
|
margin: 0;
|
|
27
27
|
font-family: Source Code Pro,courier new,Input Mono,PT Mono,SFMono-Regular,Consolas,Monaco,Menlo,PingFang SC,Liberation Mono,Microsoft YaHei,Courier,monospace;
|
|
28
|
+
|
|
29
|
+
code {
|
|
30
|
+
white-space: pre-wrap;
|
|
31
|
+
}
|
|
28
32
|
}
|
|
29
33
|
|
|
30
34
|
a {
|
|
31
|
-
color:
|
|
35
|
+
color: var(--at-color-main);
|
|
32
36
|
text-decoration: none;
|
|
33
37
|
}
|
|
34
38
|
|
|
@@ -36,8 +40,8 @@
|
|
|
36
40
|
position: static;
|
|
37
41
|
margin: 10px 0 10px 0;
|
|
38
42
|
padding: 10px 20px 10px 20px;
|
|
39
|
-
background:
|
|
40
|
-
border-left: 4px solid
|
|
43
|
+
background: var(--at-color-bg-grey);
|
|
44
|
+
border-left: 4px solid #687a86;
|
|
41
45
|
}
|
|
42
46
|
|
|
43
47
|
p:first-child {
|
|
@@ -48,10 +52,6 @@
|
|
|
48
52
|
margin-bottom: 0;
|
|
49
53
|
}
|
|
50
54
|
|
|
51
|
-
* {
|
|
52
|
-
box-sizing: border-box;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
55
|
img {
|
|
56
56
|
max-width: 100%;
|
|
57
57
|
}
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
position: absolute;
|
|
68
68
|
top: 0;
|
|
69
69
|
left: 0;
|
|
70
|
-
background:
|
|
70
|
+
background: var(--at-color-bg);
|
|
71
71
|
z-index: 10;
|
|
72
72
|
align-items: center;
|
|
73
73
|
justify-content: center;
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
i.atk-icon {
|
|
171
171
|
width: 20px;
|
|
172
172
|
height: 20px;
|
|
173
|
-
background-color:
|
|
173
|
+
background-color: var(--at-color-deep);
|
|
174
174
|
background-size: contain;
|
|
175
175
|
background-repeat: no-repeat;
|
|
176
176
|
mask-repeat: no-repeat;
|
|
@@ -182,7 +182,7 @@ i.atk-icon {
|
|
|
182
182
|
}
|
|
183
183
|
|
|
184
184
|
.atk-icon-del {
|
|
185
|
-
background-color:
|
|
185
|
+
background-color: var(--at-color-red) !important;
|
|
186
186
|
mask-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.29167 5.04166L4.81251 5.04166M4.81251 5.04166L4.81251 18.3333C4.81251 18.5865 5.01771 18.7917 5.27084 18.7917L16.7292 18.7917C16.9823 18.7917 17.1875 18.5865 17.1875 18.3333V5.04166M4.81251 5.04166L7.33334 5.04166M17.1875 5.04166L19.7083 5.04166M17.1875 5.04166L14.6667 5.04166M7.33334 5.04166V3.20833L14.6667 3.20833V5.04166M7.33334 5.04166L14.6667 5.04166' stroke='%23D06565' stroke-width='2'/%3E%3Cpath d='M9.16667 8.25V15.125M12.8333 8.25V15.125' stroke='%23D06565' stroke-width='2'/%3E%3C/svg%3E");
|
|
187
187
|
}
|
|
188
188
|
|
|
@@ -205,14 +205,14 @@ i.atk-icon {
|
|
|
205
205
|
/* Layer */
|
|
206
206
|
.atk-error-layer {
|
|
207
207
|
&:extend(.atk-full-layer);
|
|
208
|
-
background-color:
|
|
208
|
+
background-color: var(--at-color-bg-transl);
|
|
209
209
|
|
|
210
210
|
.atk-error-title {
|
|
211
|
-
color:
|
|
211
|
+
color: var(--at-color-red);
|
|
212
212
|
}
|
|
213
213
|
|
|
214
214
|
.atk-warn-title {
|
|
215
|
-
color:
|
|
215
|
+
color: var(--at-color-yellow);
|
|
216
216
|
}
|
|
217
217
|
|
|
218
218
|
.atk-error-title, .atk-warn-title {
|
|
@@ -228,11 +228,11 @@ i.atk-icon {
|
|
|
228
228
|
padding: 0 20px;
|
|
229
229
|
|
|
230
230
|
* {
|
|
231
|
-
color:
|
|
231
|
+
color: var(--at-color-deep);
|
|
232
232
|
}
|
|
233
233
|
|
|
234
234
|
a {
|
|
235
|
-
color:
|
|
235
|
+
color: var(--at-color-meta);
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
238
|
}
|
|
@@ -240,7 +240,7 @@ i.atk-icon {
|
|
|
240
240
|
.atk-layer-dialog-wrap {
|
|
241
241
|
@formInputHeight: 30px;
|
|
242
242
|
&:extend(.atk-full-layer);
|
|
243
|
-
background-color:
|
|
243
|
+
background-color: var(--at-color-bg-transl);
|
|
244
244
|
|
|
245
245
|
& > .atk-layer-dialog {
|
|
246
246
|
width: 25%;
|
|
@@ -252,15 +252,15 @@ i.atk-icon {
|
|
|
252
252
|
height: auto;
|
|
253
253
|
margin-right: 10px;
|
|
254
254
|
padding-right: 10px;
|
|
255
|
-
border-right: 1px solid
|
|
255
|
+
border-right: 1px solid var(--at-color-border);
|
|
256
256
|
vertical-align: bottom;
|
|
257
257
|
}
|
|
258
258
|
|
|
259
259
|
input {
|
|
260
260
|
width: 100%;
|
|
261
261
|
line-height: calc(@formInputHeight + 4px);
|
|
262
|
-
background-color:
|
|
263
|
-
border: 1px solid
|
|
262
|
+
background-color: var(--at-color-bg);
|
|
263
|
+
border: 1px solid var(--at-color-border);
|
|
264
264
|
border-radius: calc(@block-radius / 2);
|
|
265
265
|
outline: none;
|
|
266
266
|
padding: 0 6px;
|
|
@@ -279,9 +279,9 @@ i.atk-icon {
|
|
|
279
279
|
flex: 1;
|
|
280
280
|
display: block;
|
|
281
281
|
cursor: pointer;
|
|
282
|
-
border: 1px solid
|
|
282
|
+
border: 1px solid var(--at-color-main);
|
|
283
283
|
background: transparent;
|
|
284
|
-
color:
|
|
284
|
+
color: var(--at-color-main);
|
|
285
285
|
border-radius: calc(@block-radius / 2);
|
|
286
286
|
padding: 0 15px;
|
|
287
287
|
line-height: @formInputHeight;
|
|
@@ -289,7 +289,7 @@ i.atk-icon {
|
|
|
289
289
|
|
|
290
290
|
&:active {
|
|
291
291
|
color: #FFF;
|
|
292
|
-
background:
|
|
292
|
+
background: var(--at-color-main);
|
|
293
293
|
}
|
|
294
294
|
|
|
295
295
|
&:not(:last-child) {
|
|
@@ -355,19 +355,19 @@ i.atk-icon {
|
|
|
355
355
|
/* Common Action Btn */
|
|
356
356
|
.atk-common-action-btn {
|
|
357
357
|
&.atk-btn-confirm {
|
|
358
|
-
color:
|
|
358
|
+
color: var(--at-color-yellow) !important;
|
|
359
359
|
}
|
|
360
360
|
|
|
361
361
|
&.atk-btn-warn {
|
|
362
|
-
color:
|
|
362
|
+
color: var(--at-color-yellow) !important;
|
|
363
363
|
}
|
|
364
364
|
|
|
365
365
|
&.atk-btn-error {
|
|
366
|
-
color:
|
|
366
|
+
color: var(--at-color-red) !important;
|
|
367
367
|
}
|
|
368
368
|
|
|
369
369
|
&.atk-btn-success {
|
|
370
|
-
color:
|
|
370
|
+
color: var(--at-color-green) !important;
|
|
371
371
|
}
|
|
372
372
|
}
|
|
373
373
|
|
package/src/style/page-list.less
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
align-items: center;
|
|
8
8
|
|
|
9
9
|
&:not(:last-child) {
|
|
10
|
-
border-bottom: 1px solid
|
|
10
|
+
border-bottom: 1px solid var(--at-color-border);
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
|
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
padding: 20px 30px;
|
|
19
19
|
|
|
20
20
|
.atk-title {
|
|
21
|
-
color:
|
|
21
|
+
color: var(--at-color-font);
|
|
22
22
|
font-size: 21px;
|
|
23
23
|
margin-bottom: 10px;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.atk-sub {
|
|
27
|
-
color:
|
|
27
|
+
color: var(--at-color-sub);
|
|
28
28
|
font-size: 14px;
|
|
29
29
|
}
|
|
30
30
|
}
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
|
|
40
40
|
.atk-page-edit-layer {
|
|
41
41
|
z-index: 999;
|
|
42
|
-
background:
|
|
42
|
+
background: var(--at-color-bg);
|
|
43
43
|
position: absolute;
|
|
44
44
|
width: 100%;
|
|
45
45
|
height: 100%;
|
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
& > .atk-input {
|
|
10
10
|
font-size: 15px;
|
|
11
11
|
height: 32px;
|
|
12
|
-
border: 1px solid
|
|
12
|
+
border: 1px solid var(--at-color-border);
|
|
13
13
|
border-radius: 3px;
|
|
14
14
|
padding: 0 5px;
|
|
15
15
|
text-align: center;
|
|
16
|
-
background:
|
|
16
|
+
background: var(--at-color-bg);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
& > .atk-btn {
|
|
@@ -25,11 +25,11 @@
|
|
|
25
25
|
align-items: center;
|
|
26
26
|
|
|
27
27
|
&:hover {
|
|
28
|
-
background:
|
|
28
|
+
background: var(--at-color-bg-grey);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
&.atk-disabled {
|
|
32
|
-
color:
|
|
32
|
+
color: var(--at-color-sub);
|
|
33
33
|
|
|
34
34
|
&:hover {
|
|
35
35
|
cursor: default;
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
|
|
41
41
|
& > .atk-input {
|
|
42
42
|
background: transparent;
|
|
43
|
-
color:
|
|
43
|
+
color: var(--at-color-font);
|
|
44
44
|
font-size: 18px;
|
|
45
45
|
width: 60px;
|
|
46
46
|
outline: none;
|
|
47
47
|
|
|
48
48
|
&:focus {
|
|
49
|
-
border-color:
|
|
49
|
+
border-color: var(--at-color-main);
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
|