From 86205fd7e2e5d30054141e193738f8a9138e8870 Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Wed, 2 Oct 2024 20:41:09 -0700 Subject: [PATCH] fix: tables + icons --- package-lock.json | 12 +++--- package.json | 4 +- src/assets/styles/base/index.css | 41 +++++++++++++------ .../partials/blocks/associated-media.liquid | 12 +++--- .../partials/blocks/banners/error.liquid | 2 +- .../partials/blocks/banners/github.liquid | 2 +- .../partials/blocks/banners/npm.liquid | 2 +- .../partials/blocks/banners/old-post.liquid | 2 +- .../partials/blocks/banners/rss.liquid | 2 +- .../partials/blocks/banners/warning.liquid | 2 +- src/includes/partials/blocks/modal.liquid | 4 +- .../partials/home/recent-activity.liquid | 2 +- .../partials/home/recent-posts.liquid | 6 +-- src/includes/partials/nav/link.liquid | 4 +- src/includes/partials/nav/linked-icon.liquid | 2 +- src/includes/partials/nav/menu.liquid | 4 +- src/includes/partials/nav/paginator.liquid | 8 ++-- src/includes/partials/nav/theme-toggle.liquid | 4 +- src/pages/dynamic/blogroll.html | 8 ++-- src/pages/dynamic/books/book.html | 6 +-- src/pages/dynamic/books/year.html | 2 +- src/pages/dynamic/music/albums/3-months.html | 2 +- .../dynamic/music/albums/this-month.html | 2 +- src/pages/dynamic/music/albums/this-week.html | 2 +- src/pages/dynamic/music/artists/3-months.html | 2 +- src/pages/dynamic/music/artists/artist.html | 10 ++--- .../dynamic/music/artists/this-month.html | 2 +- .../dynamic/music/artists/this-week.html | 2 +- src/pages/dynamic/music/concerts.html | 2 +- src/pages/dynamic/music/genre.html | 2 +- src/pages/dynamic/music/index.html | 8 ++-- src/pages/dynamic/music/periods/3-months.html | 6 +-- .../dynamic/music/periods/this-month.html | 6 +-- src/pages/dynamic/music/tracks/3-months.html | 2 +- .../dynamic/music/tracks/this-month.html | 2 +- src/pages/dynamic/music/tracks/this-week.html | 2 +- src/pages/dynamic/posts/index.html | 2 +- src/pages/dynamic/posts/post.html | 2 +- .../dynamic/watching/favorites/movies.html | 2 +- .../dynamic/watching/favorites/shows.html | 2 +- src/pages/dynamic/watching/index.html | 8 ++-- src/pages/dynamic/watching/movie.html | 8 ++-- src/pages/dynamic/watching/recent/movies.html | 2 +- src/pages/dynamic/watching/recent/shows.html | 2 +- src/pages/dynamic/watching/show.html | 8 ++-- 45 files changed, 117 insertions(+), 102 deletions(-) diff --git a/package-lock.json b/package-lock.json index fd2d2e41..08c96384 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "coryd.dev", - "version": "1.0.3", + "version": "1.0.4", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "coryd.dev", - "version": "1.0.3", + "version": "1.0.4", "license": "MIT", "dependencies": { "@cdransf/api-text": "^1.5.0", @@ -18,7 +18,7 @@ "devDependencies": { "@11ty/eleventy": "v3.0.0", "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0", - "@cdransf/eleventy-plugin-tabler-icons": "^1.17.0", + "@cdransf/eleventy-plugin-tabler-icons": "^2.0.3", "@supabase/supabase-js": "^2.45.4", "autoprefixer": "^10.4.20", "cssnano": "^7.0.6", @@ -375,9 +375,9 @@ "license": "MIT" }, "node_modules/@cdransf/eleventy-plugin-tabler-icons": { - "version": "1.17.0", - "resolved": "https://registry.npmjs.org/@cdransf/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-1.17.0.tgz", - "integrity": "sha512-oA8etyNolfjBHQdNKEYUSP69b0hVgWtWJCArbae25BqLBAVpbDdoqjw/IifFFKxeIs1VqI3B5lSC9Eg+ug56QQ==", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@cdransf/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-2.0.3.tgz", + "integrity": "sha512-5wQqv/xwD6E/NrD1yh/XCnBBjE9k5SkYAUB2hxWXw/gtmph+RmNCjZJWvtelMgtfGTwlxAtRDIMIorlUYuxUeQ==", "dev": true, "license": "MIT" }, diff --git a/package.json b/package.json index 8600d6cd..f093f542 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "coryd.dev", - "version": "1.0.3", + "version": "1.0.4", "description": "The source for my personal site. Built using 11ty (and other tools).", "type": "module", "scripts": { @@ -31,7 +31,7 @@ "devDependencies": { "@11ty/eleventy": "v3.0.0", "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0", - "@cdransf/eleventy-plugin-tabler-icons": "^1.17.0", + "@cdransf/eleventy-plugin-tabler-icons": "^2.0.3", "@supabase/supabase-js": "^2.45.4", "autoprefixer": "^10.4.20", "cssnano": "^7.0.6", diff --git a/src/assets/styles/base/index.css b/src/assets/styles/base/index.css index f9022686..0c3f7577 100644 --- a/src/assets/styles/base/index.css +++ b/src/assets/styles/base/index.css @@ -224,20 +224,24 @@ hr { /* tables */ table { - overflow-x: auto; - width: 100%; + display: block; border: var(--border-gray); border-radius: var(--border-radius-slight); + overflow-x: scroll; white-space: nowrap; caption-side: bottom; overscroll-behavior: none; } +table, +tr { + width: 100%; +} + table, th, td { border-collapse: collapse; - width: 100%; } :is(th, td):not(:first-child, :last-child) { @@ -252,9 +256,7 @@ tr:not(:last-child) { th, td { padding: var(--spacing-sm); - min-width: max-content; word-break: break-word; - width: 100%; &:first-child { position: sticky; @@ -276,23 +278,36 @@ td { } } +th { + font-weight: var(--font-weight-bold); + background-color: var(--gray-lighter); + text-align: left; +} + +th:first-child, +td:first-child { + position: sticky; + left: 0; + white-space: nowrap; + max-width: 200px; + overflow: hidden; + text-overflow: ellipsis; +} + td { min-width: calc(var(--spacing-3xl) * 2); + white-space: nowrap; + overflow: hidden; &:first-child { - background-color: var(--background-color); + background: var(--background-color); + width: 100%; } } td:first-of-type, :where(thead, tfoot) th:nth-child(2) { - border-inline-start: none; -} - -th { - font-weight: var(--font-weight-bold); - background-color: var(--gray-lighter); - text-align: left; + border-inline-start: none; } /* header */ diff --git a/src/includes/partials/blocks/associated-media.liquid b/src/includes/partials/blocks/associated-media.liquid index f48571f1..4a91d916 100644 --- a/src/includes/partials/blocks/associated-media.liquid +++ b/src/includes/partials/blocks/associated-media.liquid @@ -2,7 +2,7 @@ {% comment %} render related artists {% endcomment %} {%- if artists -%}

- {% tablericon "headphones" "Related artist(s)" %} + {% tablericon "headphones" %} Related artist(s)