obsidian-plugin/signynt_virtual-content
1
0
Fork 0
mirror of https://github.com/signynt/virtual-content.git synced 2026-07-22 05:46:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Removed !important rules in css

Browse source
This commit is contained in:
Signynt 2026-05-21 13:59:54 +02:00
parent 0db21e6216
commit 961a995be6
2 changed files with 35 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
main.ts
View file

@ -156,6 +156,8 @@ interface VirtualFooterSettings {
interface HTMLElementWithComponent extends HTMLElement {
/** The Obsidian Component associated with this HTML element. */
component?: Component;
/** The MutationObserver for monitoring style changes. */
observer?: MutationObserver;
}
// --- Constants ---
@ -2277,6 +2279,27 @@ export default class VirtualFooterPlugin extends Plugin {
const containerEl = view.containerEl.querySelector<HTMLDivElement>(SELECTOR_EDITOR_CONTENT_CONTAINER_PARENT);
contentEl?.classList.add(CSS_VIRTUAL_FOOTER_CM_PADDING);
containerEl?.classList.add(CSS_VIRTUAL_FOOTER_REMOVE_FLEX);
// Override the inline padding-bottom style
if (contentEl) {
const observedContentEl = contentEl as HTMLDivElement & { observer?: MutationObserver };
contentEl.style.setProperty('padding-bottom', 'var(--p-spacing)', 'important');
// Watch for the style being reset and reapply if needed
const observer = new MutationObserver(() => {
const currentPadding = contentEl.style.paddingBottom;
if (!currentPadding || currentPadding === '650px') {
contentEl.style.setProperty('padding-bottom', 'var(--p-spacing)', 'important');
}
});
observer.observe(contentEl, { attributes: true, attributeFilter: ['style'] });
// Store observer so you can disconnect it later
if (!observedContentEl.observer) {
observedContentEl.observer = observer;
}
}
}
/**
@ -2289,6 +2312,16 @@ export default class VirtualFooterPlugin extends Plugin {
const containerEl = container.querySelector<HTMLDivElement>(SELECTOR_EDITOR_CONTENT_CONTAINER_PARENT);
contentEl?.classList.remove(CSS_VIRTUAL_FOOTER_CM_PADDING);
containerEl?.classList.remove(CSS_VIRTUAL_FOOTER_REMOVE_FLEX);
// Remove the inline padding-bottom style
if (contentEl) {
const observedContentEl = contentEl as HTMLDivElement & { observer?: MutationObserver };
contentEl.style.removeProperty('padding-bottom');
if (observedContentEl.observer) {
observedContentEl.observer.disconnect();
delete observedContentEl.observer;
}
}
}
/**

8
styles.css
View file

@ -4,12 +4,8 @@
margin-inline: var(--content-margin);
}
.virtual-footer-cm-padding {
padding-bottom: var(--p-spacing) !important;
}
.virtual-footer-remove-flex {
flex: 0 1 auto !important;
.markdown-source-view.mod-cm6 .cm-contentContainer.virtual-footer-remove-flex {
flex: 0 1 auto;
}
.virtual-footer-footer-group{