dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-09 15:09:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

tweak: image alignment (center/left/right)

Browse Source
This commit is contained in:
dragonwocky 2021-10-24 13:30:21 +11:00
parent 047b4cce7d
commit 4d8eec7399
3 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
repo/tweaks/client.css
View File

@ -133,3 +133,10 @@
right: 2px; right: 2px;
bottom: -2px; bottom: -2px;
} }
.enhancer--tweak-img_alignment-left .notion-image-block {
align-self: start !important;
}
.enhancer--tweak-img_alignment-right .notion-image-block {
align-self: end !important;
}

5
repo/tweaks/client.mjs
View File

@ -47,4 +47,9 @@ export default async function ({ web }, db) {
document.body.classList.add(`enhancer--tweak-${tweak}`); document.body.classList.add(`enhancer--tweak-${tweak}`);
} }
} }
const imgAlignment = await db.get(['tweak.img_alignment']);
if (imgAlignment !== 'center') {
document.body.classList.add(`enhancer--tweak-img_alignment-${imgAlignment}`);
}
} }

6
repo/tweaks/mod.json
View File

@ -113,6 +113,12 @@
"label": "quote block quotation marks", "label": "quote block quotation marks",
"tooltip": "**wrap quote block content in large, decorative serif quotation marks**", "tooltip": "**wrap quote block content in large, decorative serif quotation marks**",
"value": false "value": false
},
{
"type": "select",
"key": "tweak.img_alignment",
"label": "image alignment",
"values": ["center", "left", "right"]
} }
] ]
} }