diff --git a/apps/icon-pack-builder/src/provider.ts b/apps/icon-pack-builder/src/provider.ts index 3b18ba6f93..533d592c53 100644 --- a/apps/icon-pack-builder/src/provider.ts +++ b/apps/icon-pack-builder/src/provider.ts @@ -13,5 +13,6 @@ export interface IconPackData { meta: { version: string; website: string; + description: string; } } diff --git a/apps/icon-pack-builder/src/providers/boxicons3.ts b/apps/icon-pack-builder/src/providers/boxicons3.ts index 68126a9e71..d2f9187d0e 100644 --- a/apps/icon-pack-builder/src/providers/boxicons3.ts +++ b/apps/icon-pack-builder/src/providers/boxicons3.ts @@ -40,7 +40,10 @@ export default function buildIcons(pack: "basic" | "brands"): IconPackData { }, meta: { version: "3.0.0", - website: "https://boxicons.com/" + website: "https://boxicons.com/", + description: pack === "basic" + ? "The Basic set of icons from Boxicons v3. This is an upgrade from Trilium's built-in icon pack (Boxicons v2)." + : "The brand set of icons from Boxicons v3." } }; } diff --git a/apps/icon-pack-builder/src/providers/mdi.ts b/apps/icon-pack-builder/src/providers/mdi.ts index 2087bee9f2..381818d903 100644 --- a/apps/icon-pack-builder/src/providers/mdi.ts +++ b/apps/icon-pack-builder/src/providers/mdi.ts @@ -25,7 +25,8 @@ export default function buildIcons(): IconPackData { }, meta: { version: packageJson.version, - website: "https://pictogrammers.com/library/mdi/" + website: "https://pictogrammers.com/library/mdi/", + description: "The community Material Design Icons pack (@mdi/font). Not to be confused with Google's own Material Design Icons." } }; } diff --git a/apps/icon-pack-builder/src/providers/phosphor.ts b/apps/icon-pack-builder/src/providers/phosphor.ts index b082e77def..5c6a3e225a 100644 --- a/apps/icon-pack-builder/src/providers/phosphor.ts +++ b/apps/icon-pack-builder/src/providers/phosphor.ts @@ -46,7 +46,10 @@ export default function buildIcons(packName: "regular" | "fill"): IconPackData { }, meta: { version: packageJson.version, - website: "https://phosphoricons.com/" + website: "https://phosphoricons.com/", + description: packName === "regular" + ? "The regular weight version of Phosphor Icons." + : "The filled version of Phosphor Icons." } }; } diff --git a/apps/website/public/resources/icon-packs/Boxicons 3 (Basic).json b/apps/website/public/resources/icon-packs/Boxicons 3 (Basic).json index ad22a7e06c..9fd39daa39 100644 --- a/apps/website/public/resources/icon-packs/Boxicons 3 (Basic).json +++ b/apps/website/public/resources/icon-packs/Boxicons 3 (Basic).json @@ -2,5 +2,6 @@ "name": "Boxicons 3 (Basic)", "file": "Boxicons 3 (Basic).zip", "version": "3.0.0", - "website": "https://boxicons.com/" + "website": "https://boxicons.com/", + "description": "The Basic set of icons from Boxicons v3. This is an upgrade from Trilium's built-in icon pack (Boxicons v2)." } \ No newline at end of file diff --git a/apps/website/public/resources/icon-packs/Boxicons 3 (Brands).json b/apps/website/public/resources/icon-packs/Boxicons 3 (Brands).json index b77f2b42ab..9bd319f722 100644 --- a/apps/website/public/resources/icon-packs/Boxicons 3 (Brands).json +++ b/apps/website/public/resources/icon-packs/Boxicons 3 (Brands).json @@ -2,5 +2,6 @@ "name": "Boxicons 3 (Brands)", "file": "Boxicons 3 (Brands).zip", "version": "3.0.0", - "website": "https://boxicons.com/" + "website": "https://boxicons.com/", + "description": "The brand set of icons from Boxicons v3." } \ No newline at end of file diff --git a/apps/website/public/resources/icon-packs/Material Design Icons.json b/apps/website/public/resources/icon-packs/Material Design Icons.json index 52d4f7aa98..d9dd50d294 100644 --- a/apps/website/public/resources/icon-packs/Material Design Icons.json +++ b/apps/website/public/resources/icon-packs/Material Design Icons.json @@ -2,5 +2,6 @@ "name": "Material Design Icons", "file": "Material Design Icons.zip", "version": "7.4.47", - "website": "https://pictogrammers.com/library/mdi/" + "website": "https://pictogrammers.com/library/mdi/", + "description": "The community Material Design Icons pack (@mdi/font). Not to be confused with Google's own Material Design Icons." } \ No newline at end of file diff --git a/apps/website/public/resources/icon-packs/Phosphor Icons (Fill).json b/apps/website/public/resources/icon-packs/Phosphor Icons (Fill).json index ad99d0784c..c11fa69184 100644 --- a/apps/website/public/resources/icon-packs/Phosphor Icons (Fill).json +++ b/apps/website/public/resources/icon-packs/Phosphor Icons (Fill).json @@ -2,5 +2,6 @@ "name": "Phosphor Icons (Fill)", "file": "Phosphor Icons (Fill).zip", "version": "2.1.2", - "website": "https://phosphoricons.com/" + "website": "https://phosphoricons.com/", + "description": "The filled version of Phosphor Icons." } \ No newline at end of file diff --git a/apps/website/public/resources/icon-packs/Phosphor Icons (Regular).json b/apps/website/public/resources/icon-packs/Phosphor Icons (Regular).json index f8a89a1821..da6dd99366 100644 --- a/apps/website/public/resources/icon-packs/Phosphor Icons (Regular).json +++ b/apps/website/public/resources/icon-packs/Phosphor Icons (Regular).json @@ -2,5 +2,6 @@ "name": "Phosphor Icons (Regular)", "file": "Phosphor Icons (Regular).zip", "version": "2.1.2", - "website": "https://phosphoricons.com/" + "website": "https://phosphoricons.com/", + "description": "The regular weight version of Phosphor Icons." } \ No newline at end of file diff --git a/apps/website/src/pages/Resources/Resources.css b/apps/website/src/pages/Resources/Resources.css index cab1d5f1ea..f67072b3a0 100644 --- a/apps/website/src/pages/Resources/Resources.css +++ b/apps/website/src/pages/Resources/Resources.css @@ -1,9 +1,24 @@ .icon-packs .card-content { + .card-content-inner { + display: flex; + flex-direction: column; + flex-grow: 1; + } + + .description { + font-size: 0.8em; + margin: 0; + flex-grow: 1; + height: 100%; + } + footer { padding: 0; border: 0; display: flex; align-items: center; + margin-top: 1em; justify-content: space-between; + flex-grow: 1; } } diff --git a/apps/website/src/pages/Resources/Resources.tsx b/apps/website/src/pages/Resources/Resources.tsx index 0a04b45135..e5547fbe30 100644 --- a/apps/website/src/pages/Resources/Resources.tsx +++ b/apps/website/src/pages/Resources/Resources.tsx @@ -34,6 +34,7 @@ export default function Resources() { key={meta.name} title={<>{meta.name} {meta.version}>} > +
{meta.description}