cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: bugs

Browse source
This commit is contained in:
Cory Dransfeldt 2024-05-23 17:52:08 -07:00
parent 2f9872dc8e
commit 2590fa9e64
No known key found for this signature in database
4 changed files with 18 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "17.0.1", "version": "17.0.2",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "17.0.1", "version": "17.0.2",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.2.2", "@cdransf/api-text": "^1.2.2",
@ -4904,9 +4904,9 @@
} }
}, },
"node_modules/minipass": { "node_modules/minipass": {
"version": "7.1.1", "version": "7.1.2",
"resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.1.tgz", "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
"integrity": "sha512-UZ7eQ+h8ywIRAW1hIEl2AqdwzJucU/Kp59+8kkZeSvafXhZjul247BvIJjEVFVeON6d7lM46XX1HXCduKAS8VA==", "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
"dev": true, "dev": true,
"engines": { "engines": {
"node": ">=16 || 14 >=14.17" "node": ">=16 || 14 >=14.17"

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "17.0.1", "version": "17.0.2",
"description": "The source for my personal site. Built using 11ty.", "description": "The source for my personal site. Built using 11ty.",
"type": "module", "type": "module",
"scripts": { "scripts": {

10
src/assets/scripts/text-toggle.js
View file

@ -1,6 +1,16 @@
window.onload = () => { window.onload = () => {
const button = document.querySelector('[data-toggle-button]') const button = document.querySelector('[data-toggle-button]')
const content = document.querySelector('[data-toggle-content]') const content = document.querySelector('[data-toggle-content]')
const text = document.querySelectorAll('[data-toggle-content] p')
const minHeight = 500 // this needs to match the height set on [data-toggle-content].text-toggle-hidden in text-toggle.css
let interiorHeight = 0
text.forEach(node => interiorHeight += node.scrollHeight)
if (interiorHeight < minHeight) {
content.classList.remove('text-toggle-hidden')
button.style.display = 'none'
}
button.addEventListener('click', () => { button.addEventListener('click', () => {
if (content.classList.contains('text-toggle-hidden')) { if (content.classList.contains('text-toggle-hidden')) {

4
src/assets/styles/components/text-toggle.css
View file

@ -1,6 +1,6 @@
[data-toggle-content].text-toggle-hidden { [data-toggle-content].text-toggle-hidden {
position: relative; position: relative;
height: calc(var(--sizing-3xl) * 5); height: 500px;
overflow: hidden; overflow: hidden;
margin-bottom: var(--sizing-base); margin-bottom: var(--sizing-base);
} }
@ -11,7 +11,7 @@
content: ''; content: '';
top: 0; top: 0;
left: 0; left: 0;
box-shadow: inset 0 -100px 50px -60px var(--background-color); box-shadow: inset 0 -120px 50px -60px var(--background-color);
width: 100%; width: 100%;
height: 100%; height: 100%;
} }