@arsedizioni/ars-utils 18.4.76 → 18.4.77

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 -33
  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 +1 -1
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,7 +224,7 @@
221
224
  margin: 0 8px;
222
225
  }
223
226
 
224
- .image {
227
+ .tile-image .image {
225
228
  height: 125px;
226
229
  position: relative;
227
230
  background-color: transparent;
@@ -239,7 +242,7 @@
239
242
  }
240
243
 
241
244
 
242
-
245
+ .tile-info-1,
243
246
  .info-1 {
244
247
  position: absolute;
245
248
  left: 0;
@@ -252,6 +255,7 @@
252
255
  text-transform: uppercase !important;
253
256
  }
254
257
 
258
+ .tile-info-2,
255
259
  .info-2 {
256
260
  position: absolute;
257
261
  right: 0;
@@ -282,6 +286,7 @@
282
286
  }
283
287
  }
284
288
 
289
+ .tile-date,
285
290
  .date {
286
291
  padding: 8px 0 6px 0 !important;
287
292
  font-weight: 700 !important;
@@ -298,11 +303,13 @@
298
303
  }
299
304
  }
300
305
 
306
+ .tile-time,
301
307
  .time {
302
308
  font-size: small !important;
303
309
  font-weight: 700 !important;
304
310
  }
305
311
 
312
+ .tile-title,
306
313
  .title {
307
314
  text-decoration: none !important;
308
315
  font-size: 16px !important;
@@ -352,6 +359,7 @@
352
359
  margin: 8px 0;
353
360
  }
354
361
 
362
+ .stripe-image,
355
363
  .image {
356
364
  width: 150px !important;
357
365
  height: 70px !important;
@@ -369,45 +377,49 @@
369
377
  width: 100%;
370
378
  height: 100%;
371
379
  }
380
+ }
372
381
 
382
+ .stripe-info-1,
383
+ .info-1 {
384
+ padding: 4px 8px !important;
385
+ ;
386
+ background-color: var(--ars-color-overlay, rgba(255, 255, 255, 0.75)) !important;
387
+ color: var(--ars-color-text, #191c1b) !important;
388
+ ;
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
+ padding: 4px 8px !important;
397
+ background-color: var(--ars-color-overlay, rgba(255, 255, 255, 0.75)) !important;
398
+ color: var(--ars-color-accent, #7894ae) !important;
399
+ font-size: small !important;
400
+ font-weight: 700 !important;
401
+ text-transform: uppercase !important;
402
+ }
374
403
 
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
- }
404
+ .buttons {
405
+ position: absolute;
406
+ left: 0;
407
+ top: 0;
408
+ height: 42px;
383
409
 
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;
410
+ .check,
411
+ .read {
412
+ background-color: var(--ars-color-primary, #00a293);
413
+ color: var(--ars-color-text-low, #e0e2e5);
391
414
  }
392
415
 
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
- }
416
+ .check-selected {
417
+ background-color: var(--ars-color-primary-hi, #12c0ae);
408
418
  }
409
419
  }
410
420
 
421
+
422
+ .stripe-date,
411
423
  .date {
412
424
  padding: 0 !important;
413
425
  font-weight: 700 !important;
@@ -424,11 +436,13 @@
424
436
  }
425
437
  }
426
438
 
439
+ .stripe-time,
427
440
  .time {
428
441
  font-size: small !important;
429
442
  font-weight: 700 !important;
430
443
  }
431
444
 
445
+ .stripe-title,
432
446
  .title {
433
447
  text-decoration: none !important;
434
448
  font-size: 16px !important;