@opendesign-plus-test/components 0.0.1-rc.139 → 0.0.1-rc.141

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.
Files changed (4) hide show
  1. package/dist/components.css +1 -1
  2. package/dist/treeshaking/components/sig/OSigDetail.css +21 -11
  3. package/dist/treeshaking/components/sig/components/OSigItem.css +118 -113
  4. package/package.json +1 -1
package/dist/treeshaking/components/sig/components/OSigItem.css CHANGED
@@ -27,12 +27,12 @@
27
27
  padding: var(--o-gap-2) var(--o-gap-3);
28
28
  }
29
29
  }
30
- .o-sig-item-header {
30
+ .o-sig-item .o-sig-item-header {
31
31
  display: flex;
32
32
  justify-content: space-between;
33
33
  align-items: center;
34
34
  }
35
- .o-sig-name {
35
+ .o-sig-item .o-sig-name {
36
36
  cursor: pointer;
37
37
  color: var(--o-color-info1);
38
38
  font-weight: 600;
@@ -40,69 +40,69 @@
40
40
  line-height: 30px;
41
41
  }
42
42
  @media (min-width: 1201px) and (max-width: 1680px) {
43
- .o-sig-name {
43
+ .o-sig-item .o-sig-name {
44
44
  font-size: 18px;
45
45
  line-height: 26px;
46
46
  }
47
47
  }
48
48
  @media (min-width: 841px) and (max-width: 1200px) {
49
- .o-sig-name {
49
+ .o-sig-item .o-sig-name {
50
50
  font-size: 16px;
51
51
  line-height: 24px;
52
52
  }
53
53
  }
54
54
  @media (min-width: 601px) and (max-width: 840px) {
55
- .o-sig-name {
55
+ .o-sig-item .o-sig-name {
56
56
  font-size: 16px;
57
57
  line-height: 24px;
58
58
  }
59
59
  }
60
60
  @media (max-width: 600px) {
61
- .o-sig-name {
61
+ .o-sig-item .o-sig-name {
62
62
  font-size: 16px;
63
63
  line-height: 24px;
64
64
  }
65
65
  }
66
66
  @media (hover: hover) {
67
- .o-sig-name:hover {
67
+ .o-sig-item .o-sig-name:hover {
68
68
  color: var(--o-color-primary1);
69
69
  }
70
70
  }
71
- .o-sig-type-tag {
71
+ .o-sig-item .o-sig-type-tag {
72
72
  --tag-bd-color: var(--o-color-control4);
73
73
  --tag-height: 24px;
74
74
  }
75
75
  @media (max-width: 1680px) {
76
- .o-sig-type-tag {
76
+ .o-sig-item .o-sig-type-tag {
77
77
  --tag-height: 20px;
78
78
  }
79
79
  }
80
- .o-sig-link {
80
+ .o-sig-item .o-sig-link {
81
81
  display: flex;
82
82
  align-items: center;
83
83
  margin-top: var(--o-gap-2);
84
84
  }
85
- .o-sig-link .o-sig-source-icon {
85
+ .o-sig-item .o-sig-link .o-sig-source-icon {
86
86
  font-size: 24px;
87
87
  }
88
88
  @media (max-width: 1680px) {
89
- .o-sig-link .o-sig-source-icon {
89
+ .o-sig-item .o-sig-link .o-sig-source-icon {
90
90
  font-size: 20px;
91
91
  }
92
92
  }
93
- .o-sig-link .o-sig-source-icon svg {
93
+ .o-sig-item .o-sig-link .o-sig-source-icon svg {
94
94
  fill: none;
95
95
  }
96
- .o-sig-link .o-divider {
96
+ .o-sig-item .o-sig-link .o-divider {
97
97
  --o-divider-label-gap: 0 8px;
98
98
  }
99
- .o-sig-link .o-btn {
99
+ .o-sig-item .o-sig-link .o-btn {
100
100
  margin-left: var(--o-gap-2);
101
101
  }
102
- .o-sig-link .mail-link {
102
+ .o-sig-item .o-sig-link .mail-link {
103
103
  min-width: 0;
104
104
  }
105
- .o-sig-link .mail-link .tooltip-text-wrapper {
105
+ .o-sig-item .o-sig-link .mail-link .tooltip-text-wrapper {
106
106
  min-width: 0;
107
107
  flex: 1;
108
108
  }
@@ -168,7 +168,7 @@
168
168
  .o-sig-item .o-link .o-link-label {
169
169
  display: flex;
170
170
  }
171
- .o-sig-description {
171
+ .o-sig-item .o-sig-description {
172
172
  margin-top: var(--o-gap-3);
173
173
  color: var(--o-color-info2);
174
174
  font-weight: 400;
@@ -177,30 +177,30 @@
177
177
  line-height: 22px;
178
178
  }
179
179
  @media (min-width: 1201px) and (max-width: 1680px) {
180
- .o-sig-description {
180
+ .o-sig-item .o-sig-description {
181
181
  font-size: 14px;
182
182
  line-height: 18px;
183
183
  }
184
184
  }
185
185
  @media (min-width: 841px) and (max-width: 1200px) {
186
- .o-sig-description {
186
+ .o-sig-item .o-sig-description {
187
187
  font-size: 12px;
188
188
  line-height: 18px;
189
189
  }
190
190
  }
191
191
  @media (min-width: 601px) and (max-width: 840px) {
192
- .o-sig-description {
192
+ .o-sig-item .o-sig-description {
193
193
  font-size: 12px;
194
194
  line-height: 18px;
195
195
  }
196
196
  }
197
197
  @media (max-width: 600px) {
198
- .o-sig-description {
198
+ .o-sig-item .o-sig-description {
199
199
  font-size: 12px;
200
200
  line-height: 18px;
201
201
  }
202
202
  }
203
- .o-sig-description {
203
+ .o-sig-item .o-sig-description {
204
204
  overflow: hidden;
205
205
  text-overflow: ellipsis;
206
206
  word-break: break-all;
@@ -209,7 +209,7 @@
209
209
  -webkit-line-clamp: 2;
210
210
  }
211
211
  @media (max-width: 840px) {
212
- .o-sig-description {
212
+ .o-sig-item .o-sig-description {
213
213
  margin-top: var(--o-gap-2);
214
214
  order: 1;
215
215
  font-size: 16px;
@@ -217,113 +217,113 @@
217
217
  }
218
218
  }
219
219
  @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
220
- .o-sig-description {
220
+ .o-sig-item .o-sig-description {
221
221
  font-size: 14px;
222
222
  line-height: 22px;
223
223
  }
224
224
  }
225
225
  @media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
226
- .o-sig-description {
226
+ .o-sig-item .o-sig-description {
227
227
  font-size: 14px;
228
228
  line-height: 22px;
229
229
  }
230
230
  }
231
231
  @media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
232
- .o-sig-description {
232
+ .o-sig-item .o-sig-description {
233
233
  font-size: 14px;
234
234
  line-height: 22px;
235
235
  }
236
236
  }
237
237
  @media (max-width: 840px) and (max-width: 600px) {
238
- .o-sig-description {
238
+ .o-sig-item .o-sig-description {
239
239
  font-size: 12px;
240
240
  line-height: 18px;
241
241
  }
242
242
  }
243
- .o-sig-bottom {
243
+ .o-sig-item .o-sig-bottom {
244
244
  display: flex;
245
- color: var(--o-color-info3);
246
245
  align-items: center;
247
246
  margin-top: var(--o-gap-4);
247
+ color: var(--o-color-info3);
248
248
  font-size: 12px;
249
249
  line-height: 18px;
250
250
  }
251
251
  @media (min-width: 1201px) and (max-width: 1680px) {
252
- .o-sig-bottom {
252
+ .o-sig-item .o-sig-bottom {
253
253
  font-size: 12px;
254
254
  line-height: 18px;
255
255
  }
256
256
  }
257
257
  @media (min-width: 841px) and (max-width: 1200px) {
258
- .o-sig-bottom {
258
+ .o-sig-item .o-sig-bottom {
259
259
  font-size: 12px;
260
260
  line-height: 18px;
261
261
  }
262
262
  }
263
263
  @media (min-width: 601px) and (max-width: 840px) {
264
- .o-sig-bottom {
264
+ .o-sig-item .o-sig-bottom {
265
265
  font-size: 12px;
266
266
  line-height: 18px;
267
267
  }
268
268
  }
269
269
  @media (max-width: 600px) {
270
- .o-sig-bottom {
270
+ .o-sig-item .o-sig-bottom {
271
271
  font-size: 12px;
272
272
  line-height: 18px;
273
273
  }
274
274
  }
275
+ @media (max-width: 1680px) {
276
+ .o-sig-item .o-sig-bottom {
277
+ margin-top: var(--o-gap-3);
278
+ }
279
+ }
280
+ @media (min-width: ) {
281
+ .o-sig-item .o-sig-bottom {
282
+ margin-top: var(--o-gap-2);
283
+ }
284
+ }
275
285
  @media (max-width: 840px) {
276
- .o-sig-bottom {
286
+ .o-sig-item .o-sig-bottom {
277
287
  font-size: 16px;
278
288
  line-height: 24px;
279
289
  }
280
290
  }
281
291
  @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
282
- .o-sig-bottom {
292
+ .o-sig-item .o-sig-bottom {
283
293
  font-size: 14px;
284
294
  line-height: 22px;
285
295
  }
286
296
  }
287
297
  @media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
288
- .o-sig-bottom {
298
+ .o-sig-item .o-sig-bottom {
289
299
  font-size: 14px;
290
300
  line-height: 22px;
291
301
  }
292
302
  }
293
303
  @media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
294
- .o-sig-bottom {
304
+ .o-sig-item .o-sig-bottom {
295
305
  font-size: 14px;
296
306
  line-height: 22px;
297
307
  }
298
308
  }
299
309
  @media (max-width: 840px) and (max-width: 600px) {
300
- .o-sig-bottom {
310
+ .o-sig-item .o-sig-bottom {
301
311
  font-size: 12px;
302
312
  line-height: 18px;
303
313
  }
304
314
  }
305
- @media (max-width: 1680px) {
306
- .o-sig-bottom {
307
- margin-top: var(--o-gap-3);
308
- }
309
- }
310
- @media (min-width: ) {
311
- .o-sig-bottom {
312
- margin-top: var(--o-gap-2);
313
- }
314
- }
315
- .o-sig-bottom .o-icon {
315
+ .o-sig-item .o-sig-bottom .o-icon {
316
316
  --icon-size: 16px;
317
317
  margin-right: 4px;
318
318
  }
319
- .o-sig-bottom .o-icon svg path {
319
+ .o-sig-item .o-sig-bottom .o-icon svg path {
320
320
  fill: currentColor;
321
321
  }
322
- .o-sig-bottom .o-sig-meta-text {
322
+ .o-sig-item .o-sig-bottom .o-sig-meta-text {
323
323
  cursor: pointer;
324
324
  margin-bottom: 0;
325
325
  }
326
- .o-sig-meta {
326
+ .o-sig-item .o-sig-meta {
327
327
  display: flex;
328
328
  align-items: center;
329
329
  }
@@ -331,12 +331,12 @@
331
331
  .o-sig-item {
332
332
  position: relative;
333
333
  }
334
- .o-sig-item-header {
334
+ .o-sig-item .o-sig-item-header {
335
335
  display: flex;
336
336
  justify-content: space-between;
337
337
  align-items: center;
338
338
  }
339
- .o-sig-name {
339
+ .o-sig-item .o-sig-name {
340
340
  cursor: pointer;
341
341
  color: var(--o-color-info1);
342
342
  font-weight: 600;
@@ -345,169 +345,169 @@
345
345
  }
346
346
  }
347
347
  @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
348
- .o-sig-name {
348
+ .o-sig-item .o-sig-name {
349
349
  font-size: 18px;
350
350
  line-height: 26px;
351
351
  }
352
352
  }
353
353
  @media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
354
- .o-sig-name {
354
+ .o-sig-item .o-sig-name {
355
355
  font-size: 16px;
356
356
  line-height: 24px;
357
357
  }
358
358
  }
359
359
  @media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
360
- .o-sig-name {
360
+ .o-sig-item .o-sig-name {
361
361
  font-size: 16px;
362
362
  line-height: 24px;
363
363
  }
364
364
  }
365
365
  @media (max-width: 840px) and (max-width: 600px) {
366
- .o-sig-name {
366
+ .o-sig-item .o-sig-name {
367
367
  font-size: 16px;
368
368
  line-height: 24px;
369
369
  }
370
370
  }
371
371
  @media (max-width: 840px) and (hover: hover) {
372
- .o-sig-name:hover {
372
+ .o-sig-item .o-sig-name:hover {
373
373
  color: var(--o-color-primary1);
374
374
  }
375
375
  }
376
376
  @media (max-width: 840px) {
377
- .o-sig-type-tag {
377
+ .o-sig-item .o-sig-type-tag {
378
378
  --tag-bd-color: var(--o-color-control4);
379
379
  --tag-height: 24px;
380
380
  }
381
381
  }
382
382
  @media (max-width: 840px) and (max-width: 1680px) {
383
- .o-sig-type-tag {
383
+ .o-sig-item .o-sig-type-tag {
384
384
  --tag-height: 20px;
385
385
  }
386
386
  }
387
387
  @media (max-width: 840px) and (max-width: 840px) {
388
- .o-sig-type-tag {
388
+ .o-sig-item .o-sig-type-tag {
389
389
  position: absolute;
390
390
  top: 8px;
391
391
  right: 4px;
392
392
  }
393
393
  }
394
394
  @media (max-width: 840px) {
395
- .o-sig-link {
395
+ .o-sig-item .o-sig-link {
396
396
  display: flex;
397
397
  align-items: center;
398
398
  margin-top: var(--o-gap-2);
399
399
  }
400
- .o-sig-link a:first-child {
400
+ .o-sig-item .o-sig-link a:first-child {
401
401
  height: 24px;
402
402
  }
403
403
  }
404
404
  @media (max-width: 840px) and (max-width: 1680px) {
405
- .o-sig-link a:first-child {
405
+ .o-sig-item .o-sig-link a:first-child {
406
406
  height: 20px;
407
407
  }
408
408
  }
409
409
  @media (max-width: 840px) {
410
- .o-sig-link .o-sig-source-icon {
410
+ .o-sig-item .o-sig-link .o-sig-source-icon {
411
411
  font-size: 24px;
412
412
  }
413
413
  }
414
414
  @media (max-width: 840px) and (max-width: 1680px) {
415
- .o-sig-link .o-sig-source-icon {
415
+ .o-sig-item .o-sig-link .o-sig-source-icon {
416
416
  font-size: 20px;
417
417
  }
418
418
  }
419
419
  @media (max-width: 840px) {
420
- .o-sig-link .o-sig-source-icon svg {
420
+ .o-sig-item .o-sig-link .o-sig-source-icon svg {
421
421
  fill: none;
422
422
  }
423
- .o-sig-link .o-divider {
423
+ .o-sig-item .o-sig-link .o-divider {
424
424
  --o-divider-label-gap: 0 8px;
425
425
  }
426
- .o-sig-link .o-btn {
426
+ .o-sig-item .o-sig-link .o-btn {
427
427
  margin-left: var(--o-gap-2);
428
428
  }
429
- .o-sig-link .mail-link {
429
+ .o-sig-item .o-sig-link .mail-link {
430
430
  min-width: 0;
431
431
  flex: 0 1 auto;
432
432
  }
433
- .o-sig-link .mail-link .tooltip-text-wrapper {
433
+ .o-sig-item .o-sig-link .mail-link .tooltip-text-wrapper {
434
434
  min-width: 0;
435
435
  flex: 1;
436
436
  }
437
437
  }
438
438
  @media (max-width: 840px) and (max-width: 840px) {
439
- .o-sig-link {
439
+ .o-sig-item .o-sig-link {
440
440
  margin-top: 8px;
441
441
  }
442
442
  }
443
443
  @media (max-width: 840px) {
444
- .o-link {
444
+ .o-sig-item .o-link {
445
445
  padding: 0;
446
446
  font-size: 16px;
447
447
  line-height: 24px;
448
448
  }
449
449
  }
450
450
  @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
451
- .o-link {
451
+ .o-sig-item .o-link {
452
452
  font-size: 14px;
453
453
  line-height: 22px;
454
454
  }
455
455
  }
456
456
  @media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
457
- .o-link {
457
+ .o-sig-item .o-link {
458
458
  font-size: 14px;
459
459
  line-height: 22px;
460
460
  }
461
461
  }
462
462
  @media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
463
- .o-link {
463
+ .o-sig-item .o-link {
464
464
  font-size: 14px;
465
465
  line-height: 22px;
466
466
  }
467
467
  }
468
468
  @media (max-width: 840px) and (max-width: 600px) {
469
- .o-link {
469
+ .o-sig-item .o-link {
470
470
  font-size: 12px;
471
471
  line-height: 18px;
472
472
  }
473
473
  }
474
474
  @media (max-width: 840px) {
475
- .o-link .o-link-label {
475
+ .o-sig-item .o-link .o-link-label {
476
476
  display: flex;
477
477
  }
478
478
  }
479
479
  @media (max-width: 840px) and (max-width: 840px) {
480
- .o-link {
480
+ .o-sig-item .o-link {
481
481
  font-size: 18px;
482
482
  line-height: 26px;
483
483
  }
484
484
  }
485
485
  @media (max-width: 840px) and (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
486
- .o-link {
486
+ .o-sig-item .o-link {
487
487
  font-size: 16px;
488
488
  line-height: 24px;
489
489
  }
490
490
  }
491
491
  @media (max-width: 840px) and (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
492
- .o-link {
492
+ .o-sig-item .o-link {
493
493
  font-size: 14px;
494
494
  line-height: 22px;
495
495
  }
496
496
  }
497
497
  @media (max-width: 840px) and (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
498
- .o-link {
498
+ .o-sig-item .o-link {
499
499
  font-size: 14px;
500
500
  line-height: 22px;
501
501
  }
502
502
  }
503
503
  @media (max-width: 840px) and (max-width: 840px) and (max-width: 600px) {
504
- .o-link {
504
+ .o-sig-item .o-link {
505
505
  font-size: 14px;
506
506
  line-height: 22px;
507
507
  }
508
508
  }
509
509
  @media (max-width: 840px) {
510
- .o-sig-description {
510
+ .o-sig-item .o-sig-description {
511
511
  margin-top: var(--o-gap-2);
512
512
  color: var(--o-color-info2);
513
513
  height: 44px;
@@ -523,36 +523,36 @@
523
523
  }
524
524
  }
525
525
  @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
526
- .o-sig-description {
526
+ .o-sig-item .o-sig-description {
527
527
  font-size: 14px;
528
528
  line-height: 18px;
529
529
  }
530
530
  }
531
531
  @media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
532
- .o-sig-description {
532
+ .o-sig-item .o-sig-description {
533
533
  font-size: 12px;
534
534
  line-height: 18px;
535
535
  }
536
536
  }
537
537
  @media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
538
- .o-sig-description {
538
+ .o-sig-item .o-sig-description {
539
539
  font-size: 12px;
540
540
  line-height: 18px;
541
541
  }
542
542
  }
543
543
  @media (max-width: 840px) and (max-width: 600px) {
544
- .o-sig-description {
544
+ .o-sig-item .o-sig-description {
545
545
  font-size: 12px;
546
546
  line-height: 18px;
547
547
  }
548
548
  }
549
549
  @media (max-width: 840px) and (max-width: 1680px) {
550
- .o-sig-description {
550
+ .o-sig-item .o-sig-description {
551
551
  height: 36px;
552
552
  }
553
553
  }
554
554
  @media (max-width: 840px) and (max-width: 840px) {
555
- .o-sig-description {
555
+ .o-sig-item .o-sig-description {
556
556
  margin-top: 6px;
557
557
  order: 1;
558
558
  height: auto;
@@ -561,39 +561,39 @@
561
561
  }
562
562
  }
563
563
  @media (max-width: 840px) and (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
564
- .o-sig-description {
564
+ .o-sig-item .o-sig-description {
565
565
  font-size: 14px;
566
566
  line-height: 22px;
567
567
  }
568
568
  }
569
569
  @media (max-width: 840px) and (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
570
- .o-sig-description {
570
+ .o-sig-item .o-sig-description {
571
571
  font-size: 14px;
572
572
  line-height: 22px;
573
573
  }
574
574
  }
575
575
  @media (max-width: 840px) and (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
576
- .o-sig-description {
576
+ .o-sig-item .o-sig-description {
577
577
  font-size: 14px;
578
578
  line-height: 22px;
579
579
  }
580
580
  }
581
581
  @media (max-width: 840px) and (max-width: 840px) and (max-width: 600px) {
582
- .o-sig-description {
582
+ .o-sig-item .o-sig-description {
583
583
  font-size: 12px;
584
584
  line-height: 18px;
585
585
  }
586
586
  }
587
587
  @media (max-width: 840px) {
588
- .o-sig-description .o-sig-repo {
588
+ .o-sig-item .o-sig-description .o-sig-repo {
589
589
  display: flex;
590
590
  }
591
- .o-sig-description .o-sig-repo .o-sig-repo-label {
591
+ .o-sig-item .o-sig-description .o-sig-repo .o-sig-repo-label {
592
592
  color: var(--o-color-info1);
593
593
  font-weight: 500;
594
594
  margin-right: 8px;
595
595
  }
596
- .o-sig-bottom {
596
+ .o-sig-item .o-sig-bottom {
597
597
  display: flex;
598
598
  align-items: center;
599
599
  margin-top: var(--o-gap-2);
@@ -603,74 +603,74 @@
603
603
  }
604
604
  }
605
605
  @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
606
- .o-sig-bottom {
606
+ .o-sig-item .o-sig-bottom {
607
607
  font-size: 12px;
608
608
  line-height: 18px;
609
609
  }
610
610
  }
611
611
  @media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
612
- .o-sig-bottom {
612
+ .o-sig-item .o-sig-bottom {
613
613
  font-size: 12px;
614
614
  line-height: 18px;
615
615
  }
616
616
  }
617
617
  @media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
618
- .o-sig-bottom {
618
+ .o-sig-item .o-sig-bottom {
619
619
  font-size: 12px;
620
620
  line-height: 18px;
621
621
  }
622
622
  }
623
623
  @media (max-width: 840px) and (max-width: 600px) {
624
- .o-sig-bottom {
624
+ .o-sig-item .o-sig-bottom {
625
625
  font-size: 12px;
626
626
  line-height: 18px;
627
627
  }
628
628
  }
629
629
  @media (max-width: 840px) {
630
- .o-sig-bottom .o-icon {
630
+ .o-sig-item .o-sig-bottom .o-icon {
631
631
  --icon-size: 16px;
632
632
  margin-right: 4px;
633
633
  }
634
- .o-sig-bottom .o-icon svg path {
634
+ .o-sig-item .o-sig-bottom .o-icon svg path {
635
635
  fill: currentColor;
636
636
  }
637
- .o-sig-bottom .o-sig-meta-text {
637
+ .o-sig-item .o-sig-bottom .o-sig-meta-text {
638
638
  cursor: pointer;
639
639
  margin-bottom: 0;
640
640
  }
641
641
  }
642
642
  @media (max-width: 840px) and (max-width: 840px) {
643
- .o-sig-bottom {
643
+ .o-sig-item .o-sig-bottom {
644
644
  font-size: 16px;
645
645
  line-height: 24px;
646
646
  }
647
647
  }
648
648
  @media (max-width: 840px) and (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
649
- .o-sig-bottom {
649
+ .o-sig-item .o-sig-bottom {
650
650
  font-size: 14px;
651
651
  line-height: 22px;
652
652
  }
653
653
  }
654
654
  @media (max-width: 840px) and (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
655
- .o-sig-bottom {
655
+ .o-sig-item .o-sig-bottom {
656
656
  font-size: 14px;
657
657
  line-height: 22px;
658
658
  }
659
659
  }
660
660
  @media (max-width: 840px) and (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
661
- .o-sig-bottom {
661
+ .o-sig-item .o-sig-bottom {
662
662
  font-size: 14px;
663
663
  line-height: 22px;
664
664
  }
665
665
  }
666
666
  @media (max-width: 840px) and (max-width: 840px) and (max-width: 600px) {
667
- .o-sig-bottom {
667
+ .o-sig-item .o-sig-bottom {
668
668
  font-size: 12px;
669
669
  line-height: 18px;
670
670
  }
671
671
  }
672
672
  @media (max-width: 840px) {
673
- .o-sig-meta {
673
+ .o-sig-item .o-sig-meta {
674
674
  display: flex;
675
675
  align-items: center;
676
676
  }
@@ -684,7 +684,12 @@
684
684
  }
685
685
  .o-sig-popup-repos .o-scroller {
686
686
  max-height: 100%;
687
- padding: 0 16px;
687
+ padding: 0 var(--o-gap-4);
688
+ }
689
+ @media (max-width: 840px) {
690
+ .o-sig-popup-repos .o-scroller {
691
+ padding: 0 var(--o-gap-3);
692
+ }
688
693
  }
689
694
  @media (max-width: 840px) {
690
695
  .o-sig-popup-repos {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opendesign-plus-test/components",
3
- "version": "0.0.1-rc.139",
3
+ "version": "0.0.1-rc.141",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public",