@arsedizioni/ars-utils 18.4.76 → 18.4.78

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 (9) hide show
  1. package/clipper.ui/ui/clipper.scss +47 -32
  2. package/esm2022/clipper.ui/ui/browser-dialog/browser-dialog.component.mjs +3 -3
  3. package/esm2022/clipper.ui/ui/document/document.component.mjs +3 -3
  4. package/esm2022/clipper.ui/ui/references/references.component.mjs +3 -3
  5. package/esm2022/clipper.ui/ui/search-facets/search-facets.component.mjs +3 -3
  6. package/esm2022/clipper.ui/ui/search-result-item/search-result-item.component.mjs +3 -3
  7. package/fesm2022/arsedizioni-ars-utils-clipper.ui.mjs +10 -10
  8. package/fesm2022/arsedizioni-ars-utils-clipper.ui.mjs.map +1 -1
  9. package/package.json +7 -7
package/clipper.ui/ui/clipper.scss CHANGED
@@ -121,6 +121,8 @@
121
121
  }
122
122
 
123
123
  .item-content {
124
+
125
+ .item-info-1,
124
126
  .info-1 {
125
127
  font-size: x-small !important;
126
128
  font-weight: 700 !important;
@@ -129,7 +131,7 @@
129
131
  color: var(--ars-color-accent, #7894ae);
130
132
  }
131
133
 
132
-
134
+ .item-info-2,
133
135
  .info-2 {
134
136
  font-size: x-small !important;
135
137
  font-weight: 700 !important;
@@ -138,6 +140,7 @@
138
140
  color: var(--ars-color-accent-low, #456179);
139
141
  }
140
142
 
143
+ .item-title,
141
144
  .title {
142
145
  font-size: small !important;
143
146
  line-height: 18px;
@@ -221,6 +224,7 @@
221
224
  margin: 0 8px;
222
225
  }
223
226
 
227
+ .tile-image,
224
228
  .image {
225
229
  height: 125px;
226
230
  position: relative;
@@ -239,7 +243,7 @@
239
243
  }
240
244
 
241
245
 
242
-
246
+ .tile-info-1,
243
247
  .info-1 {
244
248
  position: absolute;
245
249
  left: 0;
@@ -252,6 +256,7 @@
252
256
  text-transform: uppercase !important;
253
257
  }
254
258
 
259
+ .tile-info-2,
255
260
  .info-2 {
256
261
  position: absolute;
257
262
  right: 0;
@@ -282,6 +287,7 @@
282
287
  }
283
288
  }
284
289
 
290
+ .tile-date,
285
291
  .date {
286
292
  padding: 8px 0 6px 0 !important;
287
293
  font-weight: 700 !important;
@@ -298,11 +304,13 @@
298
304
  }
299
305
  }
300
306
 
307
+ .tile-time,
301
308
  .time {
302
309
  font-size: small !important;
303
310
  font-weight: 700 !important;
304
311
  }
305
312
 
313
+ .tile-title,
306
314
  .title {
307
315
  text-decoration: none !important;
308
316
  font-size: 16px !important;
@@ -352,6 +360,7 @@
352
360
  margin: 8px 0;
353
361
  }
354
362
 
363
+ .stripe-image,
355
364
  .image {
356
365
  width: 150px !important;
357
366
  height: 70px !important;
@@ -369,45 +378,49 @@
369
378
  width: 100%;
370
379
  height: 100%;
371
380
  }
381
+ }
372
382
 
383
+ .stripe-info-1,
384
+ .info-1 {
385
+ margin-top:8px;
386
+ padding: 4px 8px !important;
387
+ background-color: var(--ars-color-overlay, rgba(255, 255, 255, 0.75)) !important;
388
+ color: var(--ars-color-text, #191c1b) !important;
389
+ font-size: small !important;
390
+ font-weight: 700 !important;
391
+ text-transform: uppercase !important;
392
+ }
373
393
 
394
+ .stripe-info-2,
395
+ .info-2 {
396
+ margin-top:8px;
397
+ padding: 4px 8px !important;
398
+ background-color: var(--ars-color-overlay, rgba(255, 255, 255, 0.75)) !important;
399
+ color: var(--ars-color-accent, #7894ae) !important;
400
+ font-size: small !important;
401
+ font-weight: 700 !important;
402
+ text-transform: uppercase !important;
403
+ }
374
404
 
375
- .info-1 {
376
- padding: 4px 8px !important;;
377
- background-color: var(--ars-color-overlay, rgba(255, 255, 255, 0.75)) !important;
378
- color: var(--ars-color-text, #191c1b)!important;;
379
- font-size: small !important;
380
- font-weight: 700 !important;
381
- text-transform: uppercase !important;
382
- }
405
+ .buttons {
406
+ position: absolute;
407
+ left: 0;
408
+ top: 0;
409
+ height: 42px;
383
410
 
384
- .info-2 {
385
- padding: 4px 8px !important;
386
- background-color: var(--ars-color-overlay, rgba(255, 255, 255, 0.75))!important;
387
- color: var(--ars-color-accent, #7894ae) !important;
388
- font-size: small !important;
389
- font-weight: 700 !important;
390
- text-transform: uppercase !important;
411
+ .check,
412
+ .read {
413
+ background-color: var(--ars-color-primary, #00a293);
414
+ color: var(--ars-color-text-low, #e0e2e5);
391
415
  }
392
416
 
393
- .buttons {
394
- position: absolute;
395
- left: 0;
396
- top: 0;
397
- height: 42px;
398
-
399
- .check,
400
- .read {
401
- background-color: var(--ars-color-primary, #00a293);
402
- color: var(--ars-color-text-low, #e0e2e5);
403
- }
404
-
405
- .check-selected {
406
- background-color: var(--ars-color-primary-hi, #12c0ae);
407
- }
417
+ .check-selected {
418
+ background-color: var(--ars-color-primary-hi, #12c0ae);
408
419
  }
409
420
  }
410
421
 
422
+
423
+ .stripe-date,
411
424
  .date {
412
425
  padding: 0 !important;
413
426
  font-weight: 700 !important;
@@ -424,11 +437,13 @@
424
437
  }
425
438
  }
426
439
 
440
+ .stripe-time,
427
441
  .time {
428
442
  font-size: small !important;
429
443
  font-weight: 700 !important;
430
444
  }
431
445
 
446
+ .stripe-title,
432
447
  .title {
433
448
  text-decoration: none !important;
434
449
  font-size: 16px !important;