@canopy-iiif/app 1.5.12 → 1.5.13

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 (5) hide show
  1. package/package.json +1 -1
  2. package/ui/dist/server.mjs +57 -2
  3. package/ui/dist/server.mjs.map +2 -2
  4. package/ui/styles/components/_map.scss +14 -11
  5. package/ui/styles/index.css +14 -11
package/ui/styles/components/_map.scss CHANGED
@@ -150,22 +150,24 @@
150
150
 
151
151
  &__marker-thumb,
152
152
  &__marker-solid {
153
- width: 56px;
154
- height: 56px;
153
+ width: 40px;
154
+ height: 40px;
155
155
  border-radius: 999px;
156
- border: 2px solid var(--color-gray-50);
157
156
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.35);
158
157
  overflow: hidden;
159
- display: block;
158
+ display: flex;
159
+ align-items: center;
160
+ justify-content: center;
160
161
  background: var(--color-gray-900);
161
162
  }
162
163
 
163
164
  &__marker-thumb {
164
165
  img {
165
166
  display: block;
166
- width: 100%;
167
- height: 100%;
167
+ width: 105%;
168
+ height: 105%;
168
169
  object-fit: cover;
170
+ object-position: 50% 50%;
169
171
  }
170
172
  }
171
173
 
@@ -182,10 +184,11 @@
182
184
  }
183
185
 
184
186
  &__cluster {
185
- font-size: 1rem;
186
- font-weight: 400;
187
- width: 56px;
188
- height: 56px;
187
+ font-size: 0.8333rem;
188
+ font-family: var(--font-sans);
189
+ font-weight: 600;
190
+ width: 40px;
191
+ height: 40px;
189
192
  border-radius: 999px;
190
193
  background: var(--color-accent-default);
191
194
  color: var(--color-gray-50);
@@ -193,6 +196,6 @@
193
196
  align-items: center;
194
197
  justify-content: center;
195
198
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.35);
196
- border: 2px solid var(--color-gray-50);
199
+ box-sizing: content-box;
197
200
  }
198
201
  }
package/ui/styles/index.css CHANGED
@@ -2802,20 +2802,22 @@ html.dark .canopy-iiif-image .clover-iiif-image-openseadragon .clover-iiif-image
2802
2802
  padding: 1rem 1rem 0;
2803
2803
  }
2804
2804
  .canopy-map__marker-thumb, .canopy-map__marker-solid {
2805
- width: 56px;
2806
- height: 56px;
2805
+ width: 40px;
2806
+ height: 40px;
2807
2807
  border-radius: 999px;
2808
- border: 2px solid var(--color-gray-50);
2809
2808
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.35);
2810
2809
  overflow: hidden;
2811
- display: block;
2810
+ display: flex;
2811
+ align-items: center;
2812
+ justify-content: center;
2812
2813
  background: var(--color-gray-900);
2813
2814
  }
2814
2815
  .canopy-map__marker-thumb img {
2815
2816
  display: block;
2816
- width: 100%;
2817
- height: 100%;
2817
+ width: 105%;
2818
+ height: 105%;
2818
2819
  object-fit: cover;
2820
+ object-position: 50% 50%;
2819
2821
  }
2820
2822
  .canopy-map__marker-solid {
2821
2823
  display: flex;
@@ -2828,10 +2830,11 @@ html.dark .canopy-iiif-image .clover-iiif-image-openseadragon .clover-iiif-image
2828
2830
  border: none;
2829
2831
  }
2830
2832
  .canopy-map__cluster {
2831
- font-size: 1rem;
2832
- font-weight: 400;
2833
- width: 56px;
2834
- height: 56px;
2833
+ font-size: 0.8333rem;
2834
+ font-family: var(--font-sans);
2835
+ font-weight: 600;
2836
+ width: 40px;
2837
+ height: 40px;
2835
2838
  border-radius: 999px;
2836
2839
  background: var(--color-accent-default);
2837
2840
  color: var(--color-gray-50);
@@ -2839,7 +2842,7 @@ html.dark .canopy-iiif-image .clover-iiif-image-openseadragon .clover-iiif-image
2839
2842
  align-items: center;
2840
2843
  justify-content: center;
2841
2844
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.35);
2842
- border: 2px solid var(--color-gray-50);
2845
+ box-sizing: content-box;
2843
2846
  }
2844
2847
 
2845
2848
  /**