vault backup: 2024-02-17 23:27:17

.obsidian/plugins/oz-image-plugin/manifest.json

@@ -1,10 +1,11 @@
 {
     "id": "oz-image-plugin",
-    "name": "Ozan's Image in Editor Plugin",
-    "version": "2.1.4",
+    "name": "Image in Editor",
+    "version": "2.2.6",
     "minAppVersion": "0.15.0",
     "description": "View Images, Transclusions, iFrames and PDF Files within the Editor without a necessity to switch to Preview.",
     "author": "Ozan Tellioglu",
     "authorUrl": "https://ozan.pl/aboutme/",
+    "fundingUrl": "https://ko-fi.com/ozante",
     "isDesktopOnly": false
 }

.obsidian/plugins/oz-image-plugin/styles.css

@@ -1,3 +1,55 @@
+/* @settings
+
+name: Ozan's Image in Editor Plugin
+id: oz-image-in-editor-plugin
+settings:
+
+    -
+        id: oz-img-in-editor-max-transclusion-height
+        title: Transclusion Embed Maximum Height
+        description: Set the max height of transclusion render in editor as px
+        type: variable-number
+        default: 600
+        format: px
+    -
+        id: oz-img-in-editor-max-msg-height
+        title: MSG Embed Maximum Height
+        description: Set the max height of msg render in editor as px
+        type: variable-number
+        default: 300
+        format: px
+    -
+        id: oz-img-in-editor-img-size-xx-small
+        title: Alt Text "#xx-small" Maximum Image Width
+        description: Set the max width of images with "#xx-small" alt text
+        type: variable-number
+        default: 25
+        format: "%"
+    -
+        id: oz-img-in-editor-img-size-x-small
+        title: Alt Text "#x-small" Maximum Image Width
+        description: Set the max width of images with "#x-small" alt text
+        type: variable-number
+        default: 50
+        format: "%"
+    -
+        id: oz-img-in-editor-img-size-small
+        title: Alt Text "#small" Maximum Image Width
+        description: Set the max width of images with "#small" alt text
+        type: variable-number
+        default: 75
+        format: "%"
+*/
+
+.theme-light,
+.theme-dark {
+    --oz-img-in-editor-max-msg-height: 300px;
+    --oz-img-in-editor-max-transclusion-height: 600px;
+    --oz-img-in-editor-img-size-xx-small: 25%;
+    --oz-img-in-editor-img-size-x-small: 50%;
+    --oz-img-in-editor-img-size-small: 75%;
+}
+
 .CodeMirror-linewidget img {
     margin-top: 5px;
     margin-bottom: 5px;
@@ -13,7 +65,7 @@
 .oz-transclusion-widget-cm6 {
     padding: 3px 3px 3px 19px;
     border: 0.7px solid var(--text-muted);
-    max-height: 600px;
+    max-height: var(oz-img-in-editor-max-transclusion-height);
     overflow: auto;
     border-radius: 7px;
     margin-top: 5px;
@@ -190,20 +242,17 @@ div.oz-transclusion-widget-cm6 pre {
 
 div.oz-image-widget > img[alt$='#small'],
 div.oz-image-widget-cm6 > img[alt$='#small'] {
-    max-width: 75% !important;
-    min-width: 200pt !important;
+    max-width: var(--oz-img-in-editor-img-size-small) !important;
 }
 
 div.oz-image-widget > img[alt$='#x-small'],
 div.oz-image-widget-cm6 > img[alt$='#x-small'] {
-    max-width: 50% !important;
-    min-width: 100pt !important;
+    max-width: var(--oz-img-in-editor-img-size-x-small) !important;
 }
 
 div.oz-image-widget > img[alt$='#xx-small'],
 div.oz-image-widget-cm6 > img[alt$='#xx-small'] {
-    max-width: 25% !important;
-    min-width: 50pt !important;
+    max-width: var(--oz-img-in-editor-img-size-xx-small) !important;
 }
 
 /* Style For CM6 */
@@ -273,3 +322,28 @@ div.oz-pdf-widget-cm6 + br {
     text-transform: capitalize;
     display: block;
 }
+
+.oz-transclusion-widget-cm6 span.hashtag {
+    background-color: var(--tag-background);
+    border: var(--tag-border-width) solid var(--tag-border-color);
+    border-radius: var(--tag-radius);
+    color: var(--tag-color);
+    font-size: var(--tag-size);
+    text-decoration: var(--tag-decoration);
+    padding: var(--tag-padding-y) var(--tag-padding-x);
+    line-height: 1;
+}
+
+.oz-custom-html-widget-cm6 .msg-handler-plugin-renderer {
+    max-height: var(--oz-img-in-editor-max-msg-height);
+    overflow-y: scroll;
+    border: 0.1px solid var(--text-muted);
+    padding: 10px;
+}
+
+.cm-line:has(div.is-collapsed) .oz-custom-html-widget-cm6,
+.cm-line:has(div.is-collapsed) .oz-image-widget-cm6,
+.cm-line:has(div.is-collapsed) .oz-pdf-widget-cm6,
+.cm-line:has(div.is-collapsed) .oz-transclusion-widget-cm6 {
+    display: none;
+}