Last Sync: 2026-10-28 20:57 (Mobile)

.obsidian/plugins/advanced-canvas/styles.css

@@ -1,82 +1,11 @@
 /* src/styles.scss */
-.ac-settings .properties-field > .setting-item-info {
-  flex: 0;
-  margin: 0;
-  padding: var(--size-4-1) var(--size-4-2);
-  border: var(--input-border-width) solid var(--background-modifier-border);
-  border-radius: var(--input-radius) 0 0 var(--input-radius);
-}
-.ac-settings .properties-field > .setting-item-control > input {
-  width: 100%;
-  border-radius: 0 var(--input-radius) var(--input-radius) 0;
-}
-.ac-settings .ac-settings-heading:not(:first-child) {
-  margin-top: var(--size-4-10) !important;
-}
-.ac-settings .ac-settings-heading:has(.checkbox-container:not(.is-enabled)) {
-  border-bottom-color: var(--background-modifier-border-hover);
-}
-.ac-settings .ac-settings-heading .setting-item-description {
-  margin-inline-end: 20px;
-}
-.ac-settings .settings-header-children {
-  transform-origin: top center;
-  transform: scaleY(1);
-  transition: transform 0.2s ease-in-out;
-}
-.ac-settings .ac-settings-heading:has(.checkbox-container:not(.is-enabled)) + .settings-header-children {
-  opacity: 0.5;
-  pointer-events: none;
-  height: 0;
-  transform: scaleY(0);
-}
-.ac-settings .setting-item > .setting-item-control input[type=text] {
-  width: 75px;
-}
-.ac-settings details.setting-item {
-  flex-direction: column;
-  align-items: initial;
-}
-.ac-settings details.setting-item:not([open]) {
-  row-gap: 0;
-}
-.ac-settings details.setting-item[open] {
-  padding-bottom: var(--size-4-2);
-}
-.ac-settings details.setting-item[open] > summary {
-  margin-bottom: var(--size-4-2);
-}
-.ac-settings details.setting-item > *:not(summary) {
-  border: 1px solid var(--background-primary);
-}
-.ac-settings .kofi-banner {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  padding: var(--size-4-3);
-  background-color: var(--background-primary-alt);
-  border-radius: var(--radius-m);
-}
-.ac-settings .kofi-banner .ac-kofi-banner-title {
-  margin: 0;
-  font-size: var(--font-ui-small);
-  font-weight: 600;
-}
-.ac-settings .kofi-banner .ac-kofi-button {
-  width: min-content;
-  height: min-content;
-  line-height: 0;
-}
-.ac-settings .kofi-banner .ac-kofi-button img {
-  min-width: 75px;
-  width: 25%;
-  max-width: 100px;
-}
 .canvas-wrapper > .document-search-container {
   transform: translateZ(0);
   margin: 0;
 }
+.document-search-count.is-hidden {
+  display: none;
+}
 .canvas-wrapper:not(.mod-readonly) .show-while-readonly {
   display: none;
 }
@@ -91,7 +20,7 @@
 .canvas-node[data-shape=document],
 .canvas-node[data-shape=predefined-process],
 .canvas-node[data-shape=diamond] {
-  --border-color: rgb(var(--canvas-color));
+  --border-color: var(--canvas-color);
   --border-width: 3px;
   --box-shadow: none;
 }
@@ -114,7 +43,7 @@
 .is-themed.canvas-node[data-shape=document],
 .is-themed.canvas-node[data-shape=predefined-process],
 .is-themed.canvas-node[data-shape=diamond] {
-  --border-color: rgba(var(--canvas-color), 0.7);
+  --border-color: rgb(from var(--canvas-color) r g b / 0.7);
 }
 .reactive-node.is-themed.is-focused,
 .is-themed.is-focused.canvas-node[data-shape=database],
@@ -126,7 +55,7 @@
 .is-themed.is-selected.canvas-node[data-shape=document],
 .is-themed.is-selected.canvas-node[data-shape=predefined-process],
 .is-themed.is-selected.canvas-node[data-shape=diamond] {
-  --border-color: rgb(var(--canvas-color));
+  --border-color: var(--canvas-color);
   --box-shadow: var(--shadow-border-themed);
 }
 .canvas-node[data-text-align=center] .markdown-preview-view {
@@ -278,7 +207,7 @@
 .canvas-node[data-shape=database].is-themed:not(:has(.embed-iframe)) .canvas-node-container,
 .canvas-node[data-shape=database].is-themed:not(:has(.embed-iframe))::after,
 .canvas-node[data-shape=database].is-themed:not(:has(.embed-iframe))::before {
-  box-shadow: inset 0 0 0 1000px rgba(var(--canvas-color), 0.07) !important;
+  box-shadow: inset 0 0 0 1000px rgb(from var(--canvas-color) r g b/0.07) !important;
 }
 .canvas-node[data-shape=database] .canvas-node-content:not(:has(.embed-iframe)) {
   transform: translateY(20px);
@@ -339,12 +268,12 @@
 .canvas-edges [data-arrow=diamond-outline] polygon,
 .canvas-edges [data-arrow=circle-outline] polygon {
   fill: var(--canvas-background);
-  stroke: rgb(var(--canvas-color));
+  stroke: var(--canvas-color);
   stroke-width: calc(3px * var(--zoom-multiplier));
 }
 .canvas-edges [data-arrow=thin-triangle] polygon {
   fill: transparent;
-  stroke: rgb(var(--canvas-color));
+  stroke: var(--canvas-color);
   stroke-width: calc(4px * var(--zoom-multiplier));
 }
 .icon-modal-suggestion {
@@ -359,6 +288,9 @@
   font-size: var(--font-ui-smaller);
   color: var(--text-muted);
 }
+.ac-pinned-pdf-page-embed {
+  height: 100%;
+}
 .canvas.is-exporting {
   --zoom-multiplier: 1;
 }
@@ -471,7 +403,7 @@
   transform: translate(0, -100%) scale(var(--zoom-multiplier));
   border-radius: var(--radius-s);
   color: var(--text-muted);
-  background-color: rgba(var(--canvas-color), 0.1);
+  background-color: rgb(from var(--canvas-color) r g b/0.1);
   font-size: 1.5em;
   line-height: 1;
   pointer-events: initial;
@@ -578,14 +510,14 @@
   flex-direction: column;
   overflow: hidden;
   background-color: var(--background-primary);
-  border: 1px solid rgb(var(--canvas-color));
+  border: 1px solid var(--canvas-color);
   border-radius: var(--radius-m);
   box-shadow: var(--shadow-stationary);
 }
 .ac-card-embed.is-themed {
-  background-color: rgba(var(--canvas-color), 0.07);
-  border-color: rgba(var(--canvas-color), 0.7);
-  box-shadow: inset 0 0 0 1px rgba(var(--canvas-color), 0.7), var(--shadow-stationary);
+  background-color: rgb(from var(--canvas-color) r g b/0.07);
+  border-color: rgb(from var(--canvas-color) r g b/0.7);
+  box-shadow: inset 0 0 0 1px rgb(from var(--canvas-color) r g b/0.7), var(--shadow-stationary);
 }
 .ac-card-embed > .markdown-content {
   position: relative;