diff --git a/esbuild.config.mjs b/esbuild.config.mjs index e79efd9..19289d5 100644 --- a/esbuild.config.mjs +++ b/esbuild.config.mjs @@ -1,7 +1,7 @@ import esbuild from "esbuild"; import process from "process"; -import builtins from "builtin-modules"; +import { builtinModules } from "node:module"; const banner = `/* @@ -32,7 +32,7 @@ const context = await esbuild.context({ "@lezer/common", "@lezer/highlight", "@lezer/lr", - ...builtins], + ...builtinModules], format: "cjs", target: "es2018", logLevel: "info", diff --git a/manifest.json b/manifest.json index 769fe2c..3b094da 100644 --- a/manifest.json +++ b/manifest.json @@ -2,7 +2,7 @@ "id": "sidecards", "name": "SideCards", "description": "Quickly create cards in your sidebar, color, tag, and drag them straight into your notes.", - "version": "0.2.0", + "version": "0.2.1", "minAppVersion": "1.7.2", "author": "Kazi Aidah Haque", "authorUrl": "https://github.com/Kazi-Aidah", diff --git a/package-lock.json b/package-lock.json index 0ce6759..74c1dc8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,11 +9,9 @@ "version": "0.1.0", "license": "MIT", "devDependencies": { - "@esbuild/linux-x64": "^0.17.3", "@types/node": "^16.11.21", "@typescript-eslint/eslint-plugin": "^8.57.1", "@typescript-eslint/parser": "^8.57.1", - "builtin-modules": "^3.2.0", "esbuild": "0.17.3", "eslint": "^10.0.3", "eslint-plugin-obsidianmd": "^0.1.9", @@ -309,6 +307,7 @@ "x64" ], "dev": true, + "optional": true, "os": [ "linux" ], @@ -1313,19 +1312,6 @@ "node": "18 || 20 || >=22" } }, - "node_modules/builtin-modules": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz", - "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=6" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/call-bind": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz", diff --git a/package.json b/package.json index 03db9be..68be939 100644 --- a/package.json +++ b/package.json @@ -19,11 +19,9 @@ "author": "Kazi Aidah Haque", "license": "MIT", "devDependencies": { - "@esbuild/linux-x64": "^0.17.3", "@types/node": "^16.11.21", "@typescript-eslint/eslint-plugin": "^8.57.1", "@typescript-eslint/parser": "^8.57.1", - "builtin-modules": "^3.2.0", "esbuild": "0.17.3", "eslint": "^10.0.3", "eslint-plugin-obsidianmd": "^0.1.9", diff --git a/snippets/darken all cards except the other being hovered.css b/snippets/darken all cards except the other being hovered.css index ce1a4d0..3b4ec60 100644 --- a/snippets/darken all cards except the other being hovered.css +++ b/snippets/darken all cards except the other being hovered.css @@ -15,7 +15,7 @@ .sc-sidebar-cards-container .sc-sidebar-card:hover { filter: contrast(1.3) brightness(1); transform: translateY(-0px) scale(1.025); - border-radius: 8px !important; - outline: 3px solid #ffffff !important; + border-radius: 8px; + outline: 3px solid #ffffff; transition: all 0.3s ease-out, outline 0s ease; } diff --git a/snippets/sidecards filter button - wider active category.css b/snippets/sidecards filter button - wider active category.css index 7ee511b..742e4b8 100644 --- a/snippets/sidecards filter button - wider active category.css +++ b/snippets/sidecards filter button - wider active category.css @@ -2,16 +2,16 @@ /* topbar */ .sc-sidebar-header { - border-bottom-left-radius: 13px !important; - border-bottom-right-radius: 13px !important; + border-bottom-left-radius: 13px; + border-bottom-right-radius: 13px; box-shadow: 0px 6px 10px #00000070; /* topbar shadow */ z-index: 1000; padding: 10px; } .sc-sidebar-category-group { - gap: 6px !important; - width: 100% !important; + gap: 6px; + width: 100%; display: flex; justify-content: none; overflow-x: auto; @@ -22,7 +22,7 @@ box-sizing: border-box; -ms-overflow-style: none; scrollbar-width: none; - margin: 6px -10px !important; + margin: 6px -10px; } .sc-sidebar-category-group::-webkit-scrollbar { @@ -33,31 +33,31 @@ /* Default Category Buttons */ .sc-category-btn { - border-radius: 0px !important; - padding: 0px 15px !important; + border-radius: 0px; + padding: 0px 15px; flex: 0 0 auto; - filter: brightness(0.9) !important; + filter: brightness(0.9); text-transform: uppercase; transition: all 0.2s ease; } /* Active Button Widening, Brightening & Border */ .sc-category-btn.active { - padding: 0px 25px !important; - border: 1.7px solid #ffffff30 !important; + padding: 0px 25px; + border: 1.7px solid #ffffff30; transition: all 0.2s ease; - filter: brightness(1.7) !important; - transform: scale(1.02) !important; - z-index: 2000 !important; + filter: brightness(1.7); + transform: scale(1.02); + z-index: 2000; } /* First & Last Category Button Border-Radius */ .sc-category-btn:first-child { - border-top-left-radius: 10px !important; - border-bottom-left-radius: 10px !important; + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; } .sc-category-btn:last-child { - border-top-right-radius: 10px !important; - border-bottom-right-radius: 10px !important; + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; } diff --git a/snippets/sidecards filter buttons – take up max width.css b/snippets/sidecards filter buttons – take up max width.css index ab98395..693b798 100644 --- a/snippets/sidecards filter buttons – take up max width.css +++ b/snippets/sidecards filter buttons – take up max width.css @@ -1,35 +1,35 @@ /* --- FILTER BUTTONS: STRETCH TO MAX WIDTH */ .sc-sidebar-category-group { -gap: 6px !important; -width: 100% !important; +gap: 6px; +width: 100%; } .sc-category-btn { -border-radius: 0px !important; -padding: 0px 37px !important; -width: 100% !important; -/* box-shadow: none !important; */ -filter: brightness(0.9) !important; /* DARKEN ALL OTHERS */ +border-radius: 0px; +padding: 0px 37px; +width: 100%; +/* box-shadow: none; */ +filter: brightness(0.9); /* DARKEN ALL OTHERS */ text-transform: uppercase; /* CAPITALIZE NAMES */ } .sc-category-btn.active { -border: 1.7px solid #ffffff30 !important; +border: 1.7px solid #ffffff30; transition: all 100ms ease; -filter: brightness(1.7) !important; -/* box-shadow: 0px 0px 4px #ffffff !important; */ +filter: brightness(1.7); +/* box-shadow: 0px 0px 4px #ffffff; */ /* uncomment box-shadow if you want glow */ -transform: scale(1.02) !important; -z-index: 2000 !important; +transform: scale(1.02); +z-index: 2000; } .sc-category-btn:first-child { -border-top-left-radius: 10px !important; -border-bottom-left-radius: 10px !important; +border-top-left-radius: 10px; +border-bottom-left-radius: 10px; } .sc-category-btn:last-child { -background-color: var(--background-primary) !important; -border-top-right-radius: 10px !important; -border-bottom-right-radius: 10px !important; +background-color: var(--background-primary); +border-top-right-radius: 10px; +border-bottom-right-radius: 10px; } diff --git a/styles.css b/styles.css index 8a49640..1c299ac 100644 --- a/styles.css +++ b/styles.css @@ -22,8 +22,8 @@ display: grid; grid-template-columns: repeat(5, 18px); grid-auto-rows: 18px; - column-gap: 8px; - row-gap: 8px; + /* column-gap: 8px; + row-gap: 8px; */ width: fit-content; } @@ -87,9 +87,8 @@ color: var(--text-muted); font-size: 11px; cursor: pointer; - transition: all 0.2s ease; white-space: nowrap; - transition: border-width 0s ease; + transition: border-width 0s ease, all 0.2s ease; } .sc-category-btn:hover { filter: brightness(1.2); @@ -218,9 +217,9 @@ } .sc-home-color-dot { + border-radius: 10px; width: 24px; height: 24px; - border-radius: 50%; cursor: pointer; border: 2px solid transparent; transition: transform 0.1s ease, border-color 0.1s ease; @@ -260,7 +259,6 @@ grid-template-columns: minmax(0, 280px) 1fr; gap: 32px; align-items: start; - gap: 40px; } .sc-home-section-title { @@ -367,7 +365,7 @@ color: var(--text-muted); } -.sc-home-card-list { +.sc-home-card-list { display: flex; flex-direction: column; gap: 8px; @@ -394,9 +392,6 @@ .sc-home-main { padding: 20px 12px; - } - - .sc-home-main { margin: 50px 10px; transition: all 0.2s ease; } @@ -411,7 +406,6 @@ } .sc-search-clear-btn { - font-size: 20px; position: absolute; right: 8px; top: 50%; @@ -424,7 +418,7 @@ background: transparent; cursor: pointer; transition: all 0.2s ease; - font-size: 14px; + font-size: 20px; display: flex; align-items: center; justify-content: center; @@ -624,11 +618,6 @@ transition: transform 0.1s ease; } -.sc-home-color-dot { - border-radius: 10px; - border: 1px solid var(--background-primary); -} - .sc-icon-btn { padding: 6px; background-color: var(--background-modifier-form-field); @@ -887,9 +876,9 @@ /* Individual color swatch in context menu */ .sc-color-dot-swatch { - width: 18px; - height: 18px; - border-radius: 4px; + /* width: 18px; + height: 18px; */ + border-radius: 7px; cursor: pointer; flex-shrink: 0; border: 1px solid var(--background-modifier-border);