diff --git a/index.tsx b/index.tsx index 2e66199..90d3318 100644 --- a/index.tsx +++ b/index.tsx @@ -13,10 +13,15 @@ const fakeText = (p) => { const title = 'Primary Lung Cancer [M-003]'; const configWaypoints = [ + { + "key": "test", + "title": "Metadata Template", + "content": "### Demographics \n**Species:** Human \n**Vital Status:** [Alive/deceased] \n**Cause of death:** [if deceased] \n**Sex:** (Female, Male, Intersex) \n**Race:** [White, American Indian or Alaska Native, Black or African American, Asian, Native Hawaiian or Pacific Islander, Other] \n**Ethnicity:** [Hispanic or Latino, Not Hispanic or Latino] \n\n### Diagnosis \n**Age at Diagnosis:** [years] \n**Primary Diagnosis:** \n**Site of Resection or Biopsy:** \n**Tumor Grade:** \n**Stage (AJCC 8th Edition):** \n\n### Therapy \n**Pre-operative:** \n**Post-operative:** \n**Initial Disease Status:** \n\n### Follow Up \n**Progression:** \n**Last Known Disease Status:** \n**Age at Follow Up:** \n**Days to Progression## Metadata about this sample \n\n" + }, { "key": "A", "title": "Data Aquisition", - "content": "Tissue cyclic immunofluorescence (t-CyCIF) was used to generate the fluorescence images.\n\nThe RareCyte CyteFinder microscope was used with a 40X/0.6NA objective.\n\nThe images were artifact corrected using the BaSiC tool, stitched and registered using the ASHLAR algorithm, \nand segmented using ilastik software and MATLAB. Single-cell features were then extracted from these images using HistoCAT software.\n\n![image](https://www.cycif.org/assets/img/du-lin-rashid-nat-protoc-2019/Fig1_Rashid_SciData.JPG)\n\nRead more about the t-CyCIF method and this data in the following papers:\n\n[Lin et al., eLife, 2018](https://elifesciences.org/articles/31657)\n\n[Du, Lin, and Rashid et al., Nature Methods, 2019](https://www-nature-com.ezp-prod1.hul.harvard.edu/articles/s41596-019-0206-y)\n\n[Rashid et al., Scientific Data, 2019](https://www-nature-com.ezp-prod1.hul.harvard.edu/articles/s41597-019-0332-y)\n" + "content": "Tissue cyclic immunofluorescence (t-CyCIF) was used to generate the fluorescence images.\n\nThe RareCyte CyteFinder microscope was used with a 40X/0.6NA objective.\n\nThe images were artifact corrected using the BaSiC tool, stitched and registered using the ASHLAR algorithm, \nand segmented using ilastik software and MATLAB. Single-cell features were then extracted from these images using HistoCAT software.\n\n![image](https://www.cycif.org/assets/img/du-lin-rashid-nat-protoc-2019/Fig1_Rashid_SciData.JPG)" }, { "key": "B", diff --git a/package.json b/package.json index c9e8a2c..d8e4848 100644 --- a/package.json +++ b/package.json @@ -55,7 +55,7 @@ "gl-matrix": "^3.4.3", "idb-keyval": "^6.2.1", "lensing": "https://github.com/jessupjs/lensing/tarball/f800a9d67155db599f8054922cb6d45b673fe5c9", - "minerva-author-ui": "2.0.0-beta.17", + "minerva-author-ui": "2.0.0-beta.18", "openseadragon": "^4.1.1", "prop-types": "^15.8.1", "react": "^18.3.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 28c1903..30d7d39 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -90,8 +90,8 @@ dependencies: specifier: https://github.com/jessupjs/lensing/tarball/f800a9d67155db599f8054922cb6d45b673fe5c9 version: '@github.com/jessupjs/lensing/tarball/f800a9d67155db599f8054922cb6d45b673fe5c9' minerva-author-ui: - specifier: 2.0.0-beta.17 - version: 2.0.0-beta.17(vite@5.3.5) + specifier: 2.0.0-beta.18 + version: 2.0.0-beta.18(vite@5.3.5) openseadragon: specifier: ^4.1.1 version: 4.1.1 @@ -4510,8 +4510,8 @@ packages: mime-db: 1.52.0 dev: true - /minerva-author-ui@2.0.0-beta.17(vite@5.3.5): - resolution: {integrity: sha512-JAeKEdI22NKNmLPxPhVzTbl1oBtCN/YqzGIL9o8JpeE/CZzYiJwoKGDZgBCUK+Mmue9P3v7GJl6fShz8+RjuYQ==} + /minerva-author-ui@2.0.0-beta.18(vite@5.3.5): + resolution: {integrity: sha512-2yvDhe792Yz5R7AdaodyxKpeOHGqiTW9EgCiTpHY7QeH4Yz/tvVEfJ89eRHjRwr+RcF+zSkcriSCQyurZiR10g==} dependencies: '@arrow-js/core': 1.0.0-alpha.10 '@haxtheweb/a11y-collapse': 9.0.2 diff --git a/src/components/channel/content.module.css b/src/components/channel/content.module.css index ae37718..fe494ed 100644 --- a/src/components/channel/content.module.css +++ b/src/components/channel/content.module.css @@ -25,6 +25,7 @@ padding: 0.8em; font-size: 16px; pointer-events: all; + padding-top: calc(1.5*var(--theme-gap-tiny)); outline: 1px solid var(--theme-glass-edge); background-color: var(--dark-glass); border-radius: var(--radius-0001); diff --git a/src/components/channel/toolbar.tsx b/src/components/channel/toolbar.tsx index aecd3cc..473a9f4 100644 --- a/src/components/channel/toolbar.tsx +++ b/src/components/channel/toolbar.tsx @@ -13,8 +13,8 @@ const Toolbar = (props) => { const icon = { size: "16px", - width: "32px", - height: "32px", + width: "34px", + height: "34px", color: "inherit", icon: faToggle, onClick: togglePanel, diff --git a/src/theme.module.css b/src/theme.module.css index c3eeba1..943caf2 100644 --- a/src/theme.module.css +++ b/src/theme.module.css @@ -4,7 +4,7 @@ --theme-dark-main-color: hwb(240 10% 50%); --theme-light-focus-color: hwb(45 90% 0%); --theme-light-contrast-color: hwb(45 99% 0%); - --theme-dark-accept-color: hwb(240 10% 50%); + --theme-dark-accept-color: hwb(170 5% 75%); --theme-dark-reject-color: hwb(25 0% 75%); --theme-dark-focus-color: hwb(45 0% 90%); --theme-glass-edge: color-mix(in xyz, white 50%, transparent);