@whitesev/pops 2.1.1 → 2.1.3
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/index.amd.js +4 -4
- package/dist/index.cjs.js +4 -4
- package/dist/index.esm.js +4 -4
- package/dist/index.iife.js +4 -4
- package/dist/index.system.js +4 -4
- package/dist/index.umd.js +4 -4
- package/package.json +1 -1
- package/src/Pops.ts +1 -1
- package/src/components/folder/index.css +1 -1
- package/src/components/panel/index.css +22 -47
- package/src/css/index.css +33 -0
|
@@ -14,6 +14,9 @@
|
|
|
14
14
|
--pops-panel-forms-header-icon-size: 20px;
|
|
15
15
|
--pops-panel-forms-header-padding-top-bottom: 15px;
|
|
16
16
|
--pops-panel-forms-header-padding-left-right: 10px;
|
|
17
|
+
--pops-panel-forms-container-item-left-text-gap: 6px;
|
|
18
|
+
--pops-panel-forms-container-item-left-desc-text-size: 0.8em;
|
|
19
|
+
--pops-panel-forms-container-item-left-desc-text-color: #6c6c6c;
|
|
17
20
|
--pops-panel-forms-container-item-bg-color: #ffffff;
|
|
18
21
|
--pops-panel-forms-container-item-title-color: #333;
|
|
19
22
|
--pops-panel-forms-container-item-border-radius: 6px;
|
|
@@ -191,22 +194,21 @@ section.pops-panel-container
|
|
|
191
194
|
section.pops-panel-container .pops-panel-forms-container-item ul li:last-child {
|
|
192
195
|
border: 0;
|
|
193
196
|
}
|
|
194
|
-
/*
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
/*
|
|
202
|
-
section.pops-panel-container
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
color: rgb(108, 108, 108);
|
|
197
|
+
/* 左侧的文字 */
|
|
198
|
+
section.pops-panel-container .pops-panel-item-left-text {
|
|
199
|
+
display: flex;
|
|
200
|
+
flex-direction: column;
|
|
201
|
+
gap: var(--pops-panel-forms-container-item-left-text-gap);
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
/* 左侧的主文字 */
|
|
205
|
+
section.pops-panel-container .pops-panel-item-left-main-text {
|
|
206
|
+
/*line-height: 2;*/
|
|
207
|
+
}
|
|
208
|
+
/* 左侧的描述文字 */
|
|
209
|
+
section.pops-panel-container .pops-panel-item-left-desc-text {
|
|
210
|
+
font-size: var(--pops-panel-forms-container-item-left-desc-text-size);
|
|
211
|
+
color: var(--pops-panel-forms-container-item-left-desc-text-color);
|
|
210
212
|
}
|
|
211
213
|
|
|
212
214
|
/* 折叠面板 */
|
|
@@ -1077,35 +1079,8 @@ section.pops-panel-container
|
|
|
1077
1079
|
}
|
|
1078
1080
|
/* deepMenu的css */
|
|
1079
1081
|
|
|
1080
|
-
/*
|
|
1081
|
-
.pops
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
color: #000;
|
|
1085
|
-
background-color: #f0f0f0;
|
|
1086
|
-
border-radius: 3px;
|
|
1087
|
-
border: 0;
|
|
1088
|
-
padding: 0.2em 0;
|
|
1089
|
-
white-space: normal;
|
|
1090
|
-
background: #f5f5f5;
|
|
1091
|
-
text-wrap: wrap;
|
|
1092
|
-
text-align: left;
|
|
1093
|
-
word-spacing: normal;
|
|
1094
|
-
word-break: normal;
|
|
1095
|
-
word-wrap: normal;
|
|
1096
|
-
line-height: 1.4;
|
|
1097
|
-
-moz-tab-size: 8;
|
|
1098
|
-
-o-tab-size: 8;
|
|
1099
|
-
tab-size: 8;
|
|
1100
|
-
-webkit-hyphens: none;
|
|
1101
|
-
-moz-hyphens: none;
|
|
1102
|
-
-ms-hyphens: none;
|
|
1103
|
-
hyphens: none;
|
|
1104
|
-
direction: ltr;
|
|
1105
|
-
}
|
|
1106
|
-
|
|
1107
|
-
.pops[type-value="panel"] code::before,
|
|
1108
|
-
.pops[type-value="panel"] code::after {
|
|
1109
|
-
letter-spacing: -0.2em;
|
|
1110
|
-
content: "\00a0";
|
|
1082
|
+
/* 文字对齐 */
|
|
1083
|
+
.pops-panel-item-left-desc-text:has(code) {
|
|
1084
|
+
display: flex;
|
|
1085
|
+
align-items: baseline;
|
|
1111
1086
|
}
|
package/src/css/index.css
CHANGED
|
@@ -145,3 +145,36 @@ button.pops-header-control i:hover {
|
|
|
145
145
|
-ms-user-select: none;
|
|
146
146
|
user-select: none;
|
|
147
147
|
}
|
|
148
|
+
|
|
149
|
+
/* <code> */
|
|
150
|
+
.pops code {
|
|
151
|
+
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
|
152
|
+
font-size: 0.85em;
|
|
153
|
+
color: #000;
|
|
154
|
+
background-color: #f0f0f0;
|
|
155
|
+
border-radius: 3px;
|
|
156
|
+
border: 0;
|
|
157
|
+
padding: 0.2em 0;
|
|
158
|
+
white-space: normal;
|
|
159
|
+
background: #f5f5f5;
|
|
160
|
+
text-wrap: wrap;
|
|
161
|
+
text-align: left;
|
|
162
|
+
word-spacing: normal;
|
|
163
|
+
word-break: normal;
|
|
164
|
+
word-wrap: normal;
|
|
165
|
+
line-height: 1.4;
|
|
166
|
+
-moz-tab-size: 8;
|
|
167
|
+
-o-tab-size: 8;
|
|
168
|
+
tab-size: 8;
|
|
169
|
+
-webkit-hyphens: none;
|
|
170
|
+
-moz-hyphens: none;
|
|
171
|
+
-ms-hyphens: none;
|
|
172
|
+
hyphens: none;
|
|
173
|
+
direction: ltr;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.pops code::before,
|
|
177
|
+
.pops code::after {
|
|
178
|
+
letter-spacing: -0.2em;
|
|
179
|
+
content: "\00a0";
|
|
180
|
+
}
|