From 39ba1831c4abbdd4c29057c74ffdb73b57849c1c Mon Sep 17 00:00:00 2001 From: Adam Argyle Date: Thu, 21 Aug 2025 20:21:46 -0700 Subject: [PATCH 1/4] integrated looking scrollbars when not in overlay mode --- src/styles/global.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/styles/global.css b/src/styles/global.css index ac9fed2..be6ffde 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -10,6 +10,14 @@ main:has(+ * + #audio-player .player) { } } +.scrollbar-thin { + scrollbar-color: var(--color-light-input-border) transparent; + + @media (prefers-color-scheme: dark) { + scrollbar-color: var(--color-dark-input-border) transparent; + } +} + footer:has(+ #audio-player .player) { @media (max-width: 1024px) { @apply mb-40; From 02669d8a57f74ea0b80b190a8f315357cad42bbc Mon Sep 17 00:00:00 2001 From: Adam Argyle Date: Wed, 27 Aug 2025 22:21:55 -0700 Subject: [PATCH 2/4] gutted plugin for single custom-scrollbar class --- package.json | 1 - src/layouts/Layout.astro | 4 ++-- src/styles/global.css | 6 +++++- src/styles/tailwind.css | 1 - 4 files changed, 7 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 9bc45ee..7c38906 100644 --- a/package.json +++ b/package.json @@ -45,7 +45,6 @@ "prettier-plugin-astro": "^0.14.1", "prettier-plugin-tailwindcss": "^0.6.13", "sharp": "^0.33.5", - "tailwind-scrollbar": "^4.0.2", "tailwindcss": "^4.1.11", "typescript": "^5.8.3", "vite": "^6.3.5" diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index ead1be5..f099391 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -38,7 +38,7 @@ const description = Astro.props.description ?? starpodConfig.description; --- - + @@ -110,7 +110,7 @@ const description = Astro.props.description ?? starpodConfig.description; class="font-inter text-light-text-body dark:bg-dark-background dark:text-dark-text-body antialiased" >
Date: Wed, 27 Aug 2025 22:22:21 -0700 Subject: [PATCH 3/4] snuck in a scroll animation for the episodes list while i'm makin scroll better --- src/styles/global.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/src/styles/global.css b/src/styles/global.css index 2ddb78e..d04f704 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -28,6 +28,19 @@ footer:has(+ #audio-player .player) { } } +[aria-label="EpisodeList"] li { + animation: episode-in linear both; + animation-timeline: view(); + animation-range: entry 10% cover 25%; +} + +@keyframes episode-in { + from { + opacity: 0; + translate: 0 25px; + } +} + .animated-bottom-border { @apply border-b after:block after:h-[1px] after:w-0 after:bg-gradient-to-r after:from-[#C6B2FF] after:to-[#8D67FF] after:transition-all after:duration-500 after:ease-in-out hover:after:w-full dark:border-dark-border dark:after:from-[#43C9F5] dark:after:to-[#B4EDFF]; } From 9deff59c7b0822a73841c24bf29478f02d1fb937 Mon Sep 17 00:00:00 2001 From: Adam Argyle Date: Mon, 1 Sep 2025 12:22:00 -0700 Subject: [PATCH 4/4] update to latest, update pnpm lock file --- pnpm-lock.yaml | 35 ++--------------------------------- 1 file changed, 2 insertions(+), 33 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 639bf90..c84ed77 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -87,9 +87,6 @@ importers: sharp: specifier: ^0.33.5 version: 0.33.5 - tailwind-scrollbar: - specifier: ^4.0.2 - version: 4.0.2(react@19.0.0)(tailwindcss@4.1.11) tailwindcss: specifier: ^4.1.11 version: 4.1.11 @@ -960,9 +957,6 @@ packages: '@types/node@22.17.0': resolution: {integrity: sha512-bbAKTCqX5aNVryi7qXVMi+OkB3w/OyblodicMbvE38blyAz7GxXf6XYhklokijuPwwVg9sDLKRxt0ZHXQwZVfQ==} - '@types/prismjs@1.26.5': - resolution: {integrity: sha512-AUZTa7hQ2KY5L7AmtSiqxlhWxb4ina0yd8hNbl4TWuqnv/pFP0nDMb3YrfSBf4hJVGLh2YEIBfKaBW/9UEl6IQ==} - '@types/sax@1.2.7': resolution: {integrity: sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A==} @@ -2388,11 +2382,6 @@ packages: engines: {node: '>=14'} hasBin: true - prism-react-renderer@2.4.1: - resolution: {integrity: sha512-ey8Ls/+Di31eqzUxC46h8MksNuGx/n0AAC8uKpwFau4RPDYLuE3EXTp8N8G2vX2N7UC/+IXeNUnlWBGGcAG+Ig==} - peerDependencies: - react: '>=16.0.0' - prismjs@1.30.0: resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==} engines: {node: '>=6'} @@ -2628,12 +2617,6 @@ packages: suf-log@2.5.3: resolution: {integrity: sha512-KvC8OPjzdNOe+xQ4XWJV2whQA0aM1kGVczMQ8+dStAO6KfEB140JEVQ9dE76ONZ0/Ylf67ni4tILPJB41U0eow==} - tailwind-scrollbar@4.0.2: - resolution: {integrity: sha512-wAQiIxAPqk0MNTPptVe/xoyWi27y+NRGnTwvn4PQnbvB9kp8QUBiGl/wsfoVBHnQxTmhXJSNt9NHTmcz9EivFA==} - engines: {node: '>=12.13.0'} - peerDependencies: - tailwindcss: 4.x - tailwindcss@4.1.11: resolution: {integrity: sha512-2E9TBm6MDD/xKYe+dvJZAmg3yxIEDNRc0jwlNyDg/4Fil2QcSLjFKGVff0lAf1jjeaArlG/M75Ey/EYr/OJtBA==} @@ -4020,8 +4003,6 @@ snapshots: dependencies: undici-types: 6.21.0 - '@types/prismjs@1.26.5': {} - '@types/sax@1.2.7': dependencies: '@types/node': 22.17.0 @@ -5555,12 +5536,6 @@ snapshots: prettier@3.6.2: {} - prism-react-renderer@2.4.1(react@19.0.0): - dependencies: - '@types/prismjs': 1.26.5 - clsx: 2.1.1 - react: 19.0.0 - prismjs@1.30.0: {} promise-limit@2.7.0: {} @@ -5583,7 +5558,8 @@ snapshots: radix3@1.1.2: {} - react@19.0.0: {} + react@19.0.0: + optional: true readdirp@4.1.2: {} @@ -5870,13 +5846,6 @@ snapshots: dependencies: s.color: 0.0.15 - tailwind-scrollbar@4.0.2(react@19.0.0)(tailwindcss@4.1.11): - dependencies: - prism-react-renderer: 2.4.1(react@19.0.0) - tailwindcss: 4.1.11 - transitivePeerDependencies: - - react - tailwindcss@4.1.11: {} tapable@2.2.2: {}