@canopy-iiif/app 1.4.1 → 1.4.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.
@@ -72,6 +72,7 @@
72
72
 
73
73
  &-summary {
74
74
  margin: 0 !important;
75
+ padding: 0;
75
76
  font-size: 0.9222rem;
76
77
  line-height: 1.4;
77
78
  color: var(--color-gray-700);
@@ -85,6 +86,56 @@
85
86
  font-weight: 600;
86
87
  text-decoration: none;
87
88
  }
89
+
90
+ &-manifests {
91
+ margin-top: 0.618rem;
92
+
93
+ &-title {
94
+ margin: 0 0 0.25rem;
95
+ font-size: 0.75rem;
96
+ font-weight: 600;
97
+ letter-spacing: 0.05em;
98
+ text-transform: uppercase;
99
+ color: var(--color-gray-600);
100
+ }
101
+
102
+ &-list {
103
+ list-style: none;
104
+ margin: 0;
105
+ padding: 0;
106
+ display: flex;
107
+ flex-direction: column;
108
+ gap: 0.382rem;
109
+ }
110
+
111
+ &-item {
112
+ margin: 0;
113
+ padding: 0;
114
+ }
115
+
116
+ &-link,
117
+ &-text {
118
+ font-weight: 600;
119
+ text-decoration: none;
120
+ display: inline-flex;
121
+ align-items: center;
122
+ gap: 0.25rem;
123
+ }
124
+
125
+ &-link {
126
+ color: var(--color-accent-600);
127
+ }
128
+
129
+ &-text {
130
+ color: var(--color-gray-800);
131
+ }
132
+
133
+ &-summary {
134
+ margin: 0.125rem 0 0;
135
+ font-size: 0.8125rem;
136
+ color: var(--color-gray-600);
137
+ }
138
+ }
88
139
  }
89
140
  .leaflet-marker-icon#{&}__marker {
90
141
  background: transparent;
@@ -167,8 +167,8 @@
167
167
  .canopy-search-teaser__item {
168
168
  display: flex;
169
169
  align-items: center;
170
- gap: 0.75rem;
171
- padding: 0.5rem 0.85rem;
170
+ gap: 0.618rem;
171
+ padding: 0.382rem;
172
172
  border-radius: 0.6rem;
173
173
  text-decoration: none;
174
174
  color: var(--color-gray-900);
@@ -1634,8 +1634,8 @@ html.dark .canopy-iiif-image .clover-iiif-image-openseadragon .clover-iiif-image
1634
1634
  .canopy-search-teaser__item {
1635
1635
  display: flex;
1636
1636
  align-items: center;
1637
- gap: 0.75rem;
1638
- padding: 0.5rem 0.85rem;
1637
+ gap: 0.618rem;
1638
+ padding: 0.382rem;
1639
1639
  border-radius: 0.6rem;
1640
1640
  text-decoration: none;
1641
1641
  color: var(--color-gray-900);
@@ -2522,6 +2522,7 @@ html.dark .canopy-iiif-image .clover-iiif-image-openseadragon .clover-iiif-image
2522
2522
  }
2523
2523
  .canopy-map__popup-summary {
2524
2524
  margin: 0 !important;
2525
+ padding: 0;
2525
2526
  font-size: 0.9222rem;
2526
2527
  line-height: 1.4;
2527
2528
  color: var(--color-gray-700);
@@ -2534,6 +2535,47 @@ html.dark .canopy-iiif-image .clover-iiif-image-openseadragon .clover-iiif-image
2534
2535
  font-weight: 600;
2535
2536
  text-decoration: none;
2536
2537
  }
2538
+ .canopy-map__popup-manifests {
2539
+ margin-top: 0.618rem;
2540
+ }
2541
+ .canopy-map__popup-manifests-title {
2542
+ margin: 0 0 0.25rem;
2543
+ font-size: 0.75rem;
2544
+ font-weight: 600;
2545
+ letter-spacing: 0.05em;
2546
+ text-transform: uppercase;
2547
+ color: var(--color-gray-600);
2548
+ }
2549
+ .canopy-map__popup-manifests-list {
2550
+ list-style: none;
2551
+ margin: 0;
2552
+ padding: 0;
2553
+ display: flex;
2554
+ flex-direction: column;
2555
+ gap: 0.382rem;
2556
+ }
2557
+ .canopy-map__popup-manifests-item {
2558
+ margin: 0;
2559
+ padding: 0;
2560
+ }
2561
+ .canopy-map__popup-manifests-link, .canopy-map__popup-manifests-text {
2562
+ font-weight: 600;
2563
+ text-decoration: none;
2564
+ display: inline-flex;
2565
+ align-items: center;
2566
+ gap: 0.25rem;
2567
+ }
2568
+ .canopy-map__popup-manifests-link {
2569
+ color: var(--color-accent-600);
2570
+ }
2571
+ .canopy-map__popup-manifests-text {
2572
+ color: var(--color-gray-800);
2573
+ }
2574
+ .canopy-map__popup-manifests-summary {
2575
+ margin: 0.125rem 0 0;
2576
+ font-size: 0.8125rem;
2577
+ color: var(--color-gray-600);
2578
+ }
2537
2579
  .canopy-map .leaflet-marker-icon.canopy-map__marker {
2538
2580
  background: transparent;
2539
2581
  border: none;