Xompatibility with Core Slides plugin

CHANGELOG.md

@@ -20,6 +20,14 @@ See this project's [releases](/../../../releases).
 
 ## [Unreleased]
 
+### Fixed
+
+- Inline Code right spacing bug fixed
+
+### Added
+
+- Compatibility with slides core plugin
+
 ## [1.1.1] - 2023-11-27
 
 ### Fixed

src/ReadingView.ts

@@ -15,8 +15,9 @@ export async function readingViewCodeblockDecoratingPostProcessor(element: HTMLE
 		return;
 
 	editingEmbeds = editingEmbeds || Boolean(element.matchParent(".cm-embed-block"));
+	console.log(element);
 	const specific = !element.querySelector(".view-content > *");
-	const printing = Boolean(element.querySelector("div.print > *"));
+	const printing = Boolean(element.querySelector("div.print > *")) || Boolean(element.querySelector("div.slides > *"));
 	if (printing && !plugin.settings.decoratePrint)
 		return;
 

src/css/inlineCode.css

@@ -12,6 +12,7 @@ body {
 
 .code-styler.code-styler-style-inline .cm-s-obsidian span.cm-inline-code,
 .code-styler.code-styler-style-inline .markdown-rendered :not(pre) > code:not([class*="blur"]),
+.code-styler.code-styler-style-inline .reveal :not(pre) > code:not([class*="blur"]),
 .code-styler.code-styler-style-inline code.code-styler-settings-inline-code {
 	padding: var(--code-styler-inline-padding-vertical) var(--code-styler-inline-padding-horizontal) !important;
 	border-radius: var(--code-styler-inline-border-radius) !important;
@@ -73,3 +74,7 @@ body.code-styler span.code-styler-inline-opener > span > img.code-styler-inline-
 .code-styler .cm-s-obsidian span.cm-inline-code .code-styler-inline-parameters {
 	color: var(--code-comment);
 }
+
+.reveal img.code-styler-inline-icon {
+	margin: inherit;
+}

src/css/pluginCompatibility.css

@@ -14,13 +14,13 @@ pre.code-styler-pre:hover code ~ code.language-output {
 	margin-bottom: 0;
 }
 pre.code-styler-pre code ~ code.language-output input.interactive-stdin {
-    padding: 2px 8px;
+	padding: 2px 8px;
 	border-width: 1px;
 	border-style: solid;
-    border-color: var(--code-comment);
+	border-color: var(--code-comment);
 	border-radius: 5px;
-    background-color: var(--code-styler-codeblock-background-colour);
-    color: var(--text-normal);
+	background-color: var(--code-styler-codeblock-background-colour);
+	color: var(--text-normal);
 }
 pre.code-styler-pre code ~ code.language-output hr {
 	display: none;
@@ -131,7 +131,7 @@ pre.code-styler-pre div.code-block-highlight-wrap {
 	clip-path: var(--polygon-in);
 	opacity: 1;
 	transform: translateY(-50%);
-    transition: visibility var(--duration-button), opacity var(--duration-button);
+	transition: visibility var(--duration-button), opacity var(--duration-button);
 	visibility: visible;
 	will-change: margin-right, clip-path;
 }
@@ -158,3 +158,18 @@ div.block-language-include pre.code-styler-pre button.copy-code-button {
 div.block-language-include pre.code-styler-pre button.copy-code-button:hover {
 	margin-right: var(--copy-code-header-right-margin);
 }
+
+/** Core Slides Plugin */
+.slides button.copy-code-button {
+	position: absolute;
+	top: 0;
+	right: 0;
+	height: auto;
+	padding: 6px 8px;
+	margin: 6px;
+	background-color: transparent;
+	box-shadow: none;
+	color: var(--text-muted);
+	font-family: var(--font-interface);
+	font-size: var(--font-ui-smaller);
+}