@canopy-iiif/app 1.4.5 → 1.4.7

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 (7) hide show
  1. package/package.json +1 -1
  2. package/ui/dist/server.mjs +331 -19
  3. package/ui/dist/server.mjs.map +3 -3
  4. package/ui/styles/components/_interstitial-hero.scss +3 -3
  5. package/ui/styles/components/iiif/_viewer.scss +28 -0
  6. package/ui/styles/components/iiif/index.scss +1 -0
  7. package/ui/styles/index.css +30 -3
package/ui/styles/components/_interstitial-hero.scss CHANGED
@@ -11,9 +11,9 @@
11
11
  --hero-height: 520px;
12
12
  --hero-bg-start: var(--color-gray-50);
13
13
  --hero-bg-mid: var(--color-accent-100);
14
- --hero-bg-end: var(--color-accent-300);
15
- --hero-dot-bg: var(--color-accent-400);
16
- --hero-dot-active-bg: var(--color-accent-700);
14
+ --hero-bg-end: var(--color-accent-100);
15
+ --hero-dot-bg: var(--color-accent-300);
16
+ --hero-dot-active-bg: var(--color-accent-default);
17
17
 
18
18
  background: linear-gradient(
19
19
  173deg,
package/ui/styles/components/iiif/_viewer.scss ADDED
@@ -0,0 +1,28 @@
1
+ .clover-viewer-information-panel {
2
+ font-size: 0.9222rem;
3
+ font-weight: 300;
4
+
5
+ dt {
6
+ font-weight: 600;
7
+ }
8
+
9
+ a,
10
+ dd {
11
+ font-size: 0.9222rem;
12
+ font-weight: 300;
13
+ }
14
+ }
15
+
16
+ .clover-viewer-media-navigation {
17
+ margin: 0 !important;
18
+ font-family: var(--font-sans) !important;
19
+ }
20
+
21
+ .clover-viewer-media-search {
22
+ display: none !important;
23
+ }
24
+
25
+ .clover-viewer-header .label {
26
+ font-size: 1.1111rem;
27
+ font-weight: 600;
28
+ }
package/ui/styles/components/iiif/index.scss CHANGED
@@ -1,2 +1,3 @@
1
1
  @use "./image";
2
2
  @use "./slider";
3
+ @use "./viewer";
package/ui/styles/index.css CHANGED
@@ -869,9 +869,9 @@ section[data-footnotes] ul li,
869
869
  --hero-height: 520px;
870
870
  --hero-bg-start: var(--color-gray-50);
871
871
  --hero-bg-mid: var(--color-accent-100);
872
- --hero-bg-end: var(--color-accent-300);
873
- --hero-dot-bg: var(--color-accent-400);
874
- --hero-dot-active-bg: var(--color-accent-700);
872
+ --hero-bg-end: var(--color-accent-100);
873
+ --hero-dot-bg: var(--color-accent-300);
874
+ --hero-dot-active-bg: var(--color-accent-default);
875
875
  background: linear-gradient(173deg, var(--hero-bg-start) 5rem, var(--hero-bg-mid) 61.8%, var(--hero-bg-end) 100%);
876
876
  min-height: var(--hero-height);
877
877
  }
@@ -1325,6 +1325,33 @@ html.dark .canopy-iiif-image .clover-iiif-image-openseadragon .clover-iiif-image
1325
1325
  color: var(--color-accent-default);
1326
1326
  }
1327
1327
 
1328
+ .clover-viewer-information-panel {
1329
+ font-size: 0.9222rem;
1330
+ font-weight: 300;
1331
+ }
1332
+ .clover-viewer-information-panel dt {
1333
+ font-weight: 600;
1334
+ }
1335
+ .clover-viewer-information-panel a,
1336
+ .clover-viewer-information-panel dd {
1337
+ font-size: 0.9222rem;
1338
+ font-weight: 300;
1339
+ }
1340
+
1341
+ .clover-viewer-media-navigation {
1342
+ margin: 0 !important;
1343
+ font-family: var(--font-sans) !important;
1344
+ }
1345
+
1346
+ .clover-viewer-media-search {
1347
+ display: none !important;
1348
+ }
1349
+
1350
+ .clover-viewer-header .label {
1351
+ font-size: 1.1111rem;
1352
+ font-weight: 600;
1353
+ }
1354
+
1328
1355
  .canopy-search-form-shell {
1329
1356
  --search-form-label-padding-x: 0.75rem;
1330
1357
  --search-form-label-padding-y: 0.625rem;