From 4076d99948ac574b35ebdb67b0a45bd24ddfc785 Mon Sep 17 00:00:00 2001 From: Ariel Date: Tue, 22 Oct 2024 15:06:10 -0400 Subject: push of changes to bookmark --- extension/package-lock.json | 12 +++++++++--- extension/src/Bookmark.tsx | 1 - 2 files changed, 9 insertions(+), 4 deletions(-) (limited to 'extension') diff --git a/extension/package-lock.json b/extension/package-lock.json index a81f7f6..6b6d1d7 100644 --- a/extension/package-lock.json +++ b/extension/package-lock.json @@ -8,16 +8,16 @@ "name": "bookmarks-home", "version": "0.0.0", "dependencies": { - "@types/chrome": "^0.0.278", - "@types/firefox-webext-browser": "^120.0.4", - "@types/web": "^0.0.174", "react": "^18.3.1", "react-dom": "^18.3.1" }, "devDependencies": { "@eslint/js": "^9.9.0", + "@types/chrome": "^0.0.278", + "@types/firefox-webext-browser": "^120.0.4", "@types/react": "^18.3.3", "@types/react-dom": "^18.3.0", + "@types/web": "^0.0.174", "@vitejs/plugin-react": "^4.3.1", "eslint": "^9.9.0", "eslint-plugin-react-hooks": "^5.1.0-rc.0", @@ -1186,6 +1186,7 @@ "version": "0.0.278", "resolved": "https://registry.npmjs.org/@types/chrome/-/chrome-0.0.278.tgz", "integrity": "sha512-PDIJodOu7o54PpSOYLybPW/MDZBCjM1TKgf31I3Q/qaEbNpIH09rOM3tSEH3N7Q+FAqb1933LhF8ksUPYeQLNg==", + "dev": true, "license": "MIT", "dependencies": { "@types/filesystem": "*", @@ -1202,6 +1203,7 @@ "version": "0.0.36", "resolved": "https://registry.npmjs.org/@types/filesystem/-/filesystem-0.0.36.tgz", "integrity": "sha512-vPDXOZuannb9FZdxgHnqSwAG/jvdGM8Wq+6N4D/d80z+D4HWH+bItqsZaVRQykAn6WEVeEkLm2oQigyHtgb0RA==", + "dev": true, "license": "MIT", "dependencies": { "@types/filewriter": "*" @@ -1211,18 +1213,21 @@ "version": "0.0.33", "resolved": "https://registry.npmjs.org/@types/filewriter/-/filewriter-0.0.33.tgz", "integrity": "sha512-xFU8ZXTw4gd358lb2jw25nxY9QAgqn2+bKKjKOYfNCzN4DKCFetK7sPtrlpg66Ywe3vWY9FNxprZawAh9wfJ3g==", + "dev": true, "license": "MIT" }, "node_modules/@types/firefox-webext-browser": { "version": "120.0.4", "resolved": "https://registry.npmjs.org/@types/firefox-webext-browser/-/firefox-webext-browser-120.0.4.tgz", "integrity": "sha512-lBrpf08xhiZBigrtdQfUaqX1UauwZ+skbFiL8u2Tdra/rklkKadYmIzTwkNZSWtuZ7OKpFqbE2HHfDoFqvZf6w==", + "dev": true, "license": "MIT" }, "node_modules/@types/har-format": { "version": "1.2.16", "resolved": "https://registry.npmjs.org/@types/har-format/-/har-format-1.2.16.tgz", "integrity": "sha512-fluxdy7ryD3MV6h8pTfTYpy/xQzCFC7m89nOH9y94cNqJ1mDIDPut7MnRHI3F6qRmh/cT2fUjG1MLdCNb4hE9A==", + "dev": true, "license": "MIT" }, "node_modules/@types/json-schema": { @@ -1260,6 +1265,7 @@ "version": "0.0.174", "resolved": "https://registry.npmjs.org/@types/web/-/web-0.0.174.tgz", "integrity": "sha512-dT8gX38RUQjy+uruZg49EvloEa2S3gR0z2eRi557eTSFKqUSXkSCWYa0IY9uabX9MZPMGOu+1r8Qn6tsvJ1KnQ==", + "dev": true, "license": "Apache-2.0" }, "node_modules/@typescript-eslint/eslint-plugin": { diff --git a/extension/src/Bookmark.tsx b/extension/src/Bookmark.tsx index 42ea8a8..e3b4569 100644 --- a/extension/src/Bookmark.tsx +++ b/extension/src/Bookmark.tsx @@ -13,7 +13,6 @@ function Bookmark(props: {data: BookmarkTreeNode}) { function faviconURL(u: string | undefined) { if (!u) return ""; u = new URL(u).hostname.toString(); - // const url = new URL(`https://t1.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=${u}&size=128`) const url = new URL('https://www.google.com/s2/favicons'); url.searchParams.set("sz", "256"); u = u.split(".")[u.split(".").length-2] +"."+ u.split(".")[u.split(".").length-1] -- cgit v1.2.3 From e35181b6f85299e40bd748564cbb4ecc752f6d17 Mon Sep 17 00:00:00 2001 From: sowgro Date: Tue, 29 Oct 2024 12:57:00 -0400 Subject: settings sidebar --- extension/index.html | 40 ++++++++++++++++++++++++++++++++++++++++ extension/src/index.css | 24 ++++++++++++++++++++++++ 2 files changed, 64 insertions(+) (limited to 'extension') diff --git a/extension/index.html b/extension/index.html index 4b28d70..11e132a 100644 --- a/extension/index.html +++ b/extension/index.html @@ -6,6 +6,46 @@ Bookmarks Home +
+

Settings

+ +

Sort

+ + + + +

Background

+ + + + +

Root folder

+ +
diff --git a/extension/src/index.css b/extension/src/index.css index 9b18c8a..4ff40f2 100644 --- a/extension/src/index.css +++ b/extension/src/index.css @@ -2,10 +2,34 @@ box-sizing: border-box; } +html { + margin: 0; + padding: 0; +} + body { background-color: #242424; color: white; font-family: sans-serif; + margin: 0; + padding: 0; +} + +#settings-menu { + position: fixed; + height: 100%; + width: 300px; + background-color: black; + padding: 10px; + display: flex; + flex-direction: column; + right: 0; + animation: slideIn; +} + +@keyframes slideIn { + from { width: 0; } + to {width: 300px} } /* Folder */ -- cgit v1.2.3 From d270842f3ff338c530519eef26229d8a2d35cab8 Mon Sep 17 00:00:00 2001 From: sowgro Date: Tue, 29 Oct 2024 13:01:10 -0400 Subject: settings sidebar animation --- extension/src/index.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'extension') diff --git a/extension/src/index.css b/extension/src/index.css index 4ff40f2..20d7bf2 100644 --- a/extension/src/index.css +++ b/extension/src/index.css @@ -24,12 +24,13 @@ body { display: flex; flex-direction: column; right: 0; - animation: slideIn; + animation: slideIn 0.3s ease-in-out; + } @keyframes slideIn { - from { width: 0; } - to {width: 300px} + from { transform: translateX(100%); } + to { transform: translateX( 0% ); } } /* Folder */ -- cgit v1.2.3