@canopy-iiif/app 1.4.1 → 1.4.3

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 (8) hide show
  1. package/package.json +1 -1
  2. package/ui/dist/index.mjs +208 -93
  3. package/ui/dist/index.mjs.map +4 -4
  4. package/ui/dist/server.mjs +207 -142
  5. package/ui/dist/server.mjs.map +4 -4
  6. package/ui/styles/components/_map.scss +54 -2
  7. package/ui/styles/components/search/_results.scss +2 -2
  8. package/ui/styles/index.css +47 -4
package/ui/styles/components/_map.scss CHANGED
@@ -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-700);
137
+ }
138
+ }
88
139
  }
89
140
  .leaflet-marker-icon#{&}__marker {
90
141
  background: transparent;
@@ -131,12 +182,13 @@
131
182
  }
132
183
 
133
184
  &__cluster {
185
+ font-size: 1rem;
186
+ font-weight: 400;
134
187
  width: 56px;
135
188
  height: 56px;
136
189
  border-radius: 999px;
137
- background: var(--color-accent-600);
190
+ background: var(--color-accent-default);
138
191
  color: var(--color-gray-50);
139
- font-weight: 600;
140
192
  display: flex;
141
193
  align-items: center;
142
194
  justify-content: center;
package/ui/styles/components/search/_results.scss CHANGED
@@ -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);
package/ui/styles/index.css CHANGED
@@ -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-700);
2578
+ }
2537
2579
  .canopy-map .leaflet-marker-icon.canopy-map__marker {
2538
2580
  background: transparent;
2539
2581
  border: none;
@@ -2570,12 +2612,13 @@ html.dark .canopy-iiif-image .clover-iiif-image-openseadragon .clover-iiif-image
2570
2612
  border: none;
2571
2613
  }
2572
2614
  .canopy-map__cluster {
2615
+ font-size: 1rem;
2616
+ font-weight: 400;
2573
2617
  width: 56px;
2574
2618
  height: 56px;
2575
2619
  border-radius: 999px;
2576
- background: var(--color-accent-600);
2620
+ background: var(--color-accent-default);
2577
2621
  color: var(--color-gray-50);
2578
- font-weight: 600;
2579
2622
  display: flex;
2580
2623
  align-items: center;
2581
2624
  justify-content: center;