@net7/boilerplate-arianna 3.2.3 → 3.3.2
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/esm2020/lib/components/aw-facets-wrapper/aw-facets-wrapper.mjs +3 -3
- package/esm2020/lib/components/bubble-chart-wrapper/bubble-chart-wrapper.mjs +3 -3
- package/esm2020/lib/components/chart-tippy/chart-tippy.mjs +3 -3
- package/esm2020/lib/components/pdf-viewer/pdf-viewer.mjs +3 -3
- package/esm2020/lib/components/scheda-dropdown/scheda-dropdown.mjs +3 -3
- package/esm2020/lib/components/smart-breadcrumbs/smart-breadcrumbs.mjs +3 -3
- package/esm2020/lib/data-sources/timeline.ds.mjs +7 -7
- package/esm2020/lib/layouts/collection-layout/collection-layout.mjs +3 -3
- package/esm2020/lib/layouts/entita-layout/entita-layout.mjs +3 -3
- package/esm2020/lib/layouts/gallery-layout/gallery-layout.mjs +3 -3
- package/esm2020/lib/layouts/home-layout/home-layout.mjs +3 -3
- package/esm2020/lib/layouts/map-layout/map-layout.mjs +3 -3
- package/esm2020/lib/layouts/scheda-layout/scheda-layout.mjs +3 -3
- package/esm2020/lib/layouts/search-layout/search-layout.mjs +3 -3
- package/esm2020/lib/layouts/timeline-layout/timeline-layout.mjs +3 -3
- package/esm2020/lib/n7-boilerplate-arianna.module.mjs +4 -4
- package/esm2020/lib/search/aw-search.service.mjs +3 -3
- package/fesm2015/net7-boilerplate-arianna.mjs +55 -55
- package/fesm2015/net7-boilerplate-arianna.mjs.map +1 -1
- package/fesm2020/net7-boilerplate-arianna.mjs +55 -55
- package/fesm2020/net7-boilerplate-arianna.mjs.map +1 -1
- package/package.json +4 -4
- package/src/lib/styles/arianna/components/_breadcrumbs.scss +8 -12
- package/src/lib/styles/arianna/components/_bubble-popup-menu.scss +7 -7
- package/src/lib/styles/arianna/components/_facet.scss +7 -14
- package/src/lib/styles/arianna/components/_header.scss +5 -6
- package/src/lib/styles/arianna/components/_item-preview.scss +16 -24
- package/src/lib/styles/arianna/components/_metadata-viewer.scss +10 -11
- package/src/lib/styles/arianna/layouts/_home-layout.scss +68 -63
- package/src/lib/styles/arianna/layouts/_scheda-layout.scss +42 -46
|
@@ -30,9 +30,10 @@
|
|
|
30
30
|
|
|
31
31
|
&__input {
|
|
32
32
|
height: $top-hero-input-height;
|
|
33
|
-
padding-right: $space*2;
|
|
34
|
-
padding-left: $space*2;
|
|
35
|
-
border-radius: $top-hero-input-border-radius 0 0
|
|
33
|
+
padding-right: $space * 2;
|
|
34
|
+
padding-left: $space * 2;
|
|
35
|
+
border-radius: $top-hero-input-border-radius 0 0
|
|
36
|
+
$top-hero-input-border-radius;
|
|
36
37
|
box-shadow: $top-hero-input-box-shadow;
|
|
37
38
|
line-height: $top-hero-input-height;
|
|
38
39
|
font-size: $font-size-l;
|
|
@@ -44,7 +45,8 @@
|
|
|
44
45
|
|
|
45
46
|
&__btn {
|
|
46
47
|
height: $top-hero-button-height;
|
|
47
|
-
border-radius: 0 $top-hero-input-border-radius
|
|
48
|
+
border-radius: 0 $top-hero-input-border-radius
|
|
49
|
+
$top-hero-input-border-radius 0;
|
|
48
50
|
border: none;
|
|
49
51
|
font-size: $font-size-l;
|
|
50
52
|
}
|
|
@@ -69,7 +71,8 @@
|
|
|
69
71
|
max-width: 100%;
|
|
70
72
|
}
|
|
71
73
|
|
|
72
|
-
.tippy-tooltip,
|
|
74
|
+
.tippy-tooltip,
|
|
75
|
+
.tippy-content {
|
|
73
76
|
padding: 0;
|
|
74
77
|
}
|
|
75
78
|
|
|
@@ -89,7 +92,7 @@
|
|
|
89
92
|
display: flex;
|
|
90
93
|
justify-content: center;
|
|
91
94
|
align-items: center;
|
|
92
|
-
padding: $space*5;
|
|
95
|
+
padding: $space * 5;
|
|
93
96
|
}
|
|
94
97
|
}
|
|
95
98
|
|
|
@@ -117,7 +120,6 @@
|
|
|
117
120
|
}
|
|
118
121
|
}
|
|
119
122
|
|
|
120
|
-
|
|
121
123
|
/* ------------------------------------ *\
|
|
122
124
|
BUBBLE-CHART
|
|
123
125
|
\* ------------------------------------ */
|
|
@@ -127,7 +129,7 @@
|
|
|
127
129
|
display: flex;
|
|
128
130
|
max-width: $page-max-width;
|
|
129
131
|
margin: 0 auto;
|
|
130
|
-
padding: $space*4 0;
|
|
132
|
+
padding: $space * 4 0;
|
|
131
133
|
min-height: $bubble-section-height; /* Fix ie padding-bottom bug */
|
|
132
134
|
box-sizing: border-box;
|
|
133
135
|
|
|
@@ -141,11 +143,11 @@
|
|
|
141
143
|
}
|
|
142
144
|
|
|
143
145
|
&__bubble-chart {
|
|
144
|
-
padding: $space*2;
|
|
146
|
+
padding: $space * 2;
|
|
145
147
|
}
|
|
146
|
-
|
|
148
|
+
|
|
147
149
|
.n7-bubble-chart {
|
|
148
|
-
height: calc(#{$bubble-section-height} - #{$space*8});
|
|
150
|
+
height: calc(#{$bubble-section-height} - #{$space * 8});
|
|
149
151
|
display: flex;
|
|
150
152
|
align-items: center;
|
|
151
153
|
justify-content: center;
|
|
@@ -169,7 +171,7 @@
|
|
|
169
171
|
border-radius: 50%;
|
|
170
172
|
}
|
|
171
173
|
}
|
|
172
|
-
|
|
174
|
+
|
|
173
175
|
/* Facets */
|
|
174
176
|
.aw-home__facets-wrapper {
|
|
175
177
|
display: flex;
|
|
@@ -184,7 +186,7 @@
|
|
|
184
186
|
}
|
|
185
187
|
|
|
186
188
|
.aw-home__facet {
|
|
187
|
-
padding-top: $space*2;
|
|
189
|
+
padding-top: $space * 2;
|
|
188
190
|
border-bottom: 1px solid $color-border-normal;
|
|
189
191
|
|
|
190
192
|
&:last-child {
|
|
@@ -204,7 +206,7 @@
|
|
|
204
206
|
}
|
|
205
207
|
|
|
206
208
|
&__text {
|
|
207
|
-
margin-bottom: calc($space
|
|
209
|
+
margin-bottom: calc($space * 0.5);
|
|
208
210
|
font-size: $font-size-l;
|
|
209
211
|
font-weight: $font-weight-bold;
|
|
210
212
|
}
|
|
@@ -313,7 +315,7 @@
|
|
|
313
315
|
&.is-blocked {
|
|
314
316
|
.n7-facet-header__icon-right {
|
|
315
317
|
cursor: not-allowed;
|
|
316
|
-
opacity: .25;
|
|
318
|
+
opacity: 0.25;
|
|
317
319
|
|
|
318
320
|
&:hover {
|
|
319
321
|
color: $color-text-light;
|
|
@@ -342,12 +344,12 @@
|
|
|
342
344
|
|
|
343
345
|
.facet-placeholder-input {
|
|
344
346
|
height: 38px;
|
|
345
|
-
margin-bottom: $space*4;
|
|
347
|
+
margin-bottom: $space * 4;
|
|
346
348
|
}
|
|
347
349
|
}
|
|
348
350
|
|
|
349
351
|
.n7-facet {
|
|
350
|
-
margin-top: $space*1;
|
|
352
|
+
margin-top: $space * 1;
|
|
351
353
|
padding-top: 0;
|
|
352
354
|
|
|
353
355
|
&__section {
|
|
@@ -357,7 +359,7 @@
|
|
|
357
359
|
}
|
|
358
360
|
|
|
359
361
|
&__input-text:disabled {
|
|
360
|
-
border: 1px solid rgba($color-border-normal, .5);
|
|
362
|
+
border: 1px solid rgba($color-border-normal, 0.5);
|
|
361
363
|
}
|
|
362
364
|
|
|
363
365
|
/* Autocomplete/Tippy */
|
|
@@ -389,12 +391,13 @@
|
|
|
389
391
|
display: flex;
|
|
390
392
|
justify-content: center;
|
|
391
393
|
align-items: center;
|
|
392
|
-
padding: $space*2;
|
|
393
|
-
|
|
394
|
+
padding: $space * 2;
|
|
395
|
+
|
|
394
396
|
.n7-loader {
|
|
395
397
|
border-width: $loader-thickness-small;
|
|
396
398
|
|
|
397
|
-
&,
|
|
399
|
+
&,
|
|
400
|
+
&:after {
|
|
398
401
|
border-radius: 50%;
|
|
399
402
|
width: $loader-size-small !important;
|
|
400
403
|
height: $loader-size-small !important;
|
|
@@ -408,7 +411,9 @@
|
|
|
408
411
|
&,
|
|
409
412
|
&-loading {
|
|
410
413
|
flex: 0 0 auto;
|
|
411
|
-
width: calc(
|
|
414
|
+
width: calc(
|
|
415
|
+
100% - #{$facets-wrapper-width} - #{$results-wrapper-width}
|
|
416
|
+
);
|
|
412
417
|
}
|
|
413
418
|
}
|
|
414
419
|
|
|
@@ -418,7 +423,7 @@
|
|
|
418
423
|
flex: 0 0 $results-wrapper-width;
|
|
419
424
|
width: $results-wrapper-width;
|
|
420
425
|
flex-direction: column;
|
|
421
|
-
height: calc(#{$bubble-section-height} - #{$space*8});
|
|
426
|
+
height: calc(#{$bubble-section-height} - #{$space * 8});
|
|
422
427
|
}
|
|
423
428
|
|
|
424
429
|
&__bubble-results-title-wrapper {
|
|
@@ -426,12 +431,12 @@
|
|
|
426
431
|
}
|
|
427
432
|
|
|
428
433
|
&__bubble-results-title {
|
|
429
|
-
margin-bottom: $space*1;
|
|
434
|
+
margin-bottom: $space * 1;
|
|
430
435
|
font-weight: $font-weight-normal;
|
|
431
436
|
}
|
|
432
437
|
|
|
433
438
|
&__bubble-results-title-counter {
|
|
434
|
-
margin-right: calc($space
|
|
439
|
+
margin-right: calc($space * 0.5);
|
|
435
440
|
font-weight: $bubble-results-count-font-weight;
|
|
436
441
|
}
|
|
437
442
|
|
|
@@ -439,14 +444,14 @@
|
|
|
439
444
|
flex-grow: 0;
|
|
440
445
|
display: flex;
|
|
441
446
|
flex-flow: row wrap;
|
|
442
|
-
margin-bottom: $space*2;
|
|
447
|
+
margin-bottom: $space * 2;
|
|
443
448
|
|
|
444
449
|
.n7-tag {
|
|
445
450
|
display: flex;
|
|
446
451
|
align-items: center;
|
|
447
|
-
margin-right: calc($space
|
|
448
|
-
margin-bottom: calc($space
|
|
449
|
-
padding-right: calc($space
|
|
452
|
+
margin-right: calc($space * 0.5);
|
|
453
|
+
margin-bottom: calc($space * 0.5);
|
|
454
|
+
padding-right: calc($space * 0.5);
|
|
450
455
|
position: relative;
|
|
451
456
|
border-radius: 20px;
|
|
452
457
|
|
|
@@ -485,7 +490,7 @@
|
|
|
485
490
|
|
|
486
491
|
/* Results loading */
|
|
487
492
|
.aw-home__bubble-results-list-loading {
|
|
488
|
-
padding-top: $space*1.5;
|
|
493
|
+
padding-top: $space * 1.5;
|
|
489
494
|
}
|
|
490
495
|
|
|
491
496
|
.search-result-placeholder-title {
|
|
@@ -493,7 +498,7 @@
|
|
|
493
498
|
}
|
|
494
499
|
|
|
495
500
|
.search-result-placeholder-metadata {
|
|
496
|
-
margin-bottom: $space*3;
|
|
501
|
+
margin-bottom: $space * 3;
|
|
497
502
|
}
|
|
498
503
|
|
|
499
504
|
/* Tag colors */
|
|
@@ -512,7 +517,7 @@
|
|
|
512
517
|
.tag-cosa-notevole {
|
|
513
518
|
background-color: $color-things;
|
|
514
519
|
}
|
|
515
|
-
|
|
520
|
+
|
|
516
521
|
.tag-organizzazione {
|
|
517
522
|
background-color: $color-organizations;
|
|
518
523
|
}
|
|
@@ -544,8 +549,8 @@
|
|
|
544
549
|
background: $gradient-item-preview-list;
|
|
545
550
|
pointer-events: none;
|
|
546
551
|
opacity: 0;
|
|
547
|
-
transition: opacity $transition-durations*3;
|
|
548
|
-
box-shadow: inset 0 -4px 4px -3px rgba(0,0,0
|
|
552
|
+
transition: opacity $transition-durations * 3;
|
|
553
|
+
box-shadow: inset 0 -4px 4px -3px rgba(0, 0, 0, 0.07);
|
|
549
554
|
|
|
550
555
|
&.is-visible {
|
|
551
556
|
opacity: 1;
|
|
@@ -554,8 +559,8 @@
|
|
|
554
559
|
|
|
555
560
|
&__bubble-results-list {
|
|
556
561
|
overflow: auto;
|
|
557
|
-
padding-top: $space*1.5;
|
|
558
|
-
|
|
562
|
+
padding-top: $space * 1.5;
|
|
563
|
+
|
|
559
564
|
/* Breadcrumbs */
|
|
560
565
|
n7-smart-breadcrumbs {
|
|
561
566
|
cursor: pointer;
|
|
@@ -571,7 +576,7 @@
|
|
|
571
576
|
|
|
572
577
|
/* Only last item of the breadcrumbs is displayed */
|
|
573
578
|
.n7-breadcrumbs__list {
|
|
574
|
-
|
|
579
|
+
> *:not(:last-child) {
|
|
575
580
|
display: none;
|
|
576
581
|
}
|
|
577
582
|
}
|
|
@@ -579,7 +584,7 @@
|
|
|
579
584
|
/* Item peview entity icons */
|
|
580
585
|
.aw-item-preview-entities {
|
|
581
586
|
background-color: $color-background-base;
|
|
582
|
-
box-shadow: 0 0 8px rgba(0,0,0,0.05);
|
|
587
|
+
box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
|
|
583
588
|
}
|
|
584
589
|
}
|
|
585
590
|
|
|
@@ -598,17 +603,18 @@
|
|
|
598
603
|
}
|
|
599
604
|
}
|
|
600
605
|
}
|
|
601
|
-
|
|
606
|
+
|
|
602
607
|
/* Results-loader */
|
|
603
608
|
&__bubble-results-list-loader {
|
|
604
609
|
width: 100%;
|
|
605
610
|
display: flex;
|
|
606
611
|
align-items: center;
|
|
607
612
|
justify-content: center;
|
|
608
|
-
padding: $space*1.5 0 $space*2 0;
|
|
613
|
+
padding: $space * 1.5 0 $space * 2 0;
|
|
609
614
|
|
|
610
615
|
.n7-loader {
|
|
611
|
-
&,
|
|
616
|
+
&,
|
|
617
|
+
&:after {
|
|
612
618
|
width: 40px !important;
|
|
613
619
|
height: 40px !important;
|
|
614
620
|
}
|
|
@@ -617,50 +623,49 @@
|
|
|
617
623
|
|
|
618
624
|
/* No results */
|
|
619
625
|
&__bubble-results-fallback-text {
|
|
620
|
-
margin: $space*2 0;
|
|
626
|
+
margin: $space * 2 0;
|
|
621
627
|
}
|
|
622
628
|
}
|
|
623
629
|
|
|
624
|
-
|
|
625
630
|
/* ------------------------------------ *\
|
|
626
631
|
OUTER-LINKS
|
|
627
632
|
\* ------------------------------------ */
|
|
628
633
|
.aw-home {
|
|
629
634
|
&__outer-links {
|
|
630
|
-
padding: $space*6 0;
|
|
635
|
+
padding: $space * 6 0;
|
|
631
636
|
background-color: $color-background-base;
|
|
632
637
|
}
|
|
633
|
-
|
|
638
|
+
|
|
634
639
|
&__outer-links-title {
|
|
635
|
-
margin-bottom: $space*3;
|
|
640
|
+
margin-bottom: $space * 3;
|
|
636
641
|
text-align: center;
|
|
637
642
|
font-size: $font-size-xxl;
|
|
638
643
|
font-weight: $font-weight-bold;
|
|
639
644
|
color: $color-text;
|
|
640
645
|
}
|
|
641
|
-
|
|
646
|
+
|
|
642
647
|
&__outer-links-description {
|
|
643
648
|
max-width: $page-readable-width;
|
|
644
|
-
margin: 0 auto $space*4 auto;
|
|
649
|
+
margin: 0 auto $space * 4 auto;
|
|
645
650
|
text-align: center;
|
|
646
651
|
line-height: 1.4;
|
|
647
652
|
font-size: $font-size-l;
|
|
648
653
|
color: $color-text;
|
|
649
654
|
}
|
|
650
|
-
|
|
655
|
+
|
|
651
656
|
&__outer-links-items {
|
|
652
657
|
display: flex;
|
|
653
658
|
max-width: $page-max-width;
|
|
654
659
|
margin: 0 auto;
|
|
655
|
-
|
|
660
|
+
|
|
656
661
|
.n7-item-preview.is-vertical.has-image {
|
|
657
662
|
border-bottom: 0;
|
|
658
|
-
margin: 0 $grid-gutter-h
|
|
663
|
+
margin: 0 $grid-gutter-h * 0.5;
|
|
659
664
|
padding-bottom: 0;
|
|
660
|
-
|
|
665
|
+
|
|
661
666
|
.n7-item-preview__image {
|
|
662
667
|
height: 200px;
|
|
663
|
-
margin-bottom: $space*2.5;
|
|
668
|
+
margin-bottom: $space * 2.5;
|
|
664
669
|
border-radius: $border-radius;
|
|
665
670
|
}
|
|
666
671
|
}
|
|
@@ -669,17 +674,17 @@
|
|
|
669
674
|
font-size: $font-size-l;
|
|
670
675
|
line-height: 1.4;
|
|
671
676
|
}
|
|
672
|
-
|
|
677
|
+
|
|
673
678
|
> * {
|
|
674
679
|
flex: 1;
|
|
675
680
|
}
|
|
676
|
-
|
|
681
|
+
|
|
677
682
|
> *:first-child {
|
|
678
683
|
.n7-item-preview.is-vertical.has-image {
|
|
679
684
|
margin-left: 0;
|
|
680
685
|
}
|
|
681
686
|
}
|
|
682
|
-
|
|
687
|
+
|
|
683
688
|
> *:last-child {
|
|
684
689
|
.n7-item-preview.is-vertical.has-image {
|
|
685
690
|
margin-right: 0;
|
|
@@ -688,7 +693,6 @@
|
|
|
688
693
|
}
|
|
689
694
|
}
|
|
690
695
|
|
|
691
|
-
|
|
692
696
|
/* ------------------------------------ *\
|
|
693
697
|
BOTTOM-HERO
|
|
694
698
|
\* ------------------------------------ */
|
|
@@ -696,7 +700,7 @@
|
|
|
696
700
|
&__bottom-hero {
|
|
697
701
|
.n7-hero {
|
|
698
702
|
height: auto;
|
|
699
|
-
padding: $space*6 0;
|
|
703
|
+
padding: $space * 6 0;
|
|
700
704
|
|
|
701
705
|
&.has-image {
|
|
702
706
|
.n7-hero__content {
|
|
@@ -708,13 +712,13 @@
|
|
|
708
712
|
}
|
|
709
713
|
|
|
710
714
|
.n7-hero__title {
|
|
711
|
-
margin-bottom: $space*3;
|
|
715
|
+
margin-bottom: $space * 3;
|
|
712
716
|
font-size: $font-size-xxxl;
|
|
713
717
|
font-weight: $bottom-hero-title-font-weight;
|
|
714
718
|
}
|
|
715
719
|
|
|
716
720
|
.n7-hero__text {
|
|
717
|
-
margin-bottom: $space*3;
|
|
721
|
+
margin-bottom: $space * 3;
|
|
718
722
|
}
|
|
719
723
|
|
|
720
724
|
.n7-hero__image-wrapper {
|
|
@@ -736,11 +740,13 @@
|
|
|
736
740
|
background: $bottom-hero-button-bg-hover;
|
|
737
741
|
}
|
|
738
742
|
|
|
739
|
-
&:active,
|
|
743
|
+
&:active,
|
|
744
|
+
&.active {
|
|
740
745
|
background: $bottom-hero-button-bg-active;
|
|
741
746
|
}
|
|
742
747
|
|
|
743
|
-
&:disabled,
|
|
748
|
+
&:disabled,
|
|
749
|
+
&.disabled {
|
|
744
750
|
background: $bottom-hero-button-bg-disabled;
|
|
745
751
|
}
|
|
746
752
|
}
|
|
@@ -749,7 +755,6 @@
|
|
|
749
755
|
}
|
|
750
756
|
}
|
|
751
757
|
|
|
752
|
-
|
|
753
758
|
/* ------------------------------------ *\s
|
|
754
759
|
#MEDIA-QUERIES
|
|
755
760
|
\* ------------------------------------ */
|