obsidian-plugin/kazi-aidah_sidecards
1
0
Fork 0
mirror of https://github.com/kazi-aidah/sidecards.git synced 2026-07-22 06:42:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix css

Browse source
This commit is contained in:
Kazi Aidah Haque 2026-05-17 02:39:37 +06:00
parent 217a4fd4da
commit 986699e969
8 changed files with 49 additions and 76 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
esbuild.config.mjs
View file

@ -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",

2
manifest.json
View file

@ -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",

16
package-lock.json generated
View file

@ -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",

2
package.json
View file

@ -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",

4
snippets/darken all cards except the other being hovered.css
View file

@ -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;
}

34
snippets/sidecards filter button - wider active category.css
View file

@ -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;
}

34
snippets/sidecards filter buttons – take up max width.css
View file

@ -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;
}

29
styles.css
View file

@ -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);