alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(svelte): use correct css var names for defaults

Browse Source
This commit is contained in:
moklick
2023-06-29 12:05:20 +02:00
parent 5324e51060
commit 1f64b29b50
10 changed files with 81 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/svelte/src/lib/plugins/Background/DotPattern.svelte
+5 -1
View File
@@ -7,6 +7,10 @@
<style>
circle {
fill: var(--pattern-color-props, var(--background-pattern-color));
fill: var(
--pattern-color-props,
var(--background-pattern-color),
var(--background-pattern-color-default)
);
}
</style>
packages/svelte/src/lib/plugins/Background/LinePattern.svelte
+5 -1
View File
@@ -12,6 +12,10 @@
<style>
path {
stroke: var(--pattern-color-props, var(--background-pattern-color));
stroke: var(
--pattern-color-props,
var(--background-pattern-color),
var(--background-pattern-color-default)
);
}
</style>
packages/svelte/src/lib/plugins/Controls/ControlButton.svelte
+19 -5
View File
@@ -30,11 +30,20 @@
border: none;
background: var(
--controls-button-background-color-props,
var(--controls-button-background-color)
var(--controls-button-background-color),
var(--controls-button-background-color-default)
);
border-bottom: 1px solid
var(--controls-button-border-color-props, var(--controls-button-border-color));
color: var(--controls-button-color-props, var(--controls-button-color));
var(
--controls-button-border-color-props,
var(--controls-button-border-color),
var(--controls-button-border-color-default)
);
color: var(
--controls-button-color-props,
var(--controls-button-color),
var(--controls-button-color-default)
);
box-sizing: content-box;
display: flex;
justify-content: center;
@@ -49,9 +58,14 @@
.svelte-flow__controls-button:hover {
background: var(
--controls-button-background-color-hover-props,
var(--controls-button-background-color-hover)
var(--controls-button-background-color-hover),
var(--controls-button-background-color-hover-default)
);
color: var(
--controls-button-color-hover-props,
var(--controls-button-hover-color),
var(--controls-button-hover-color-default)
);
color: var(--controls-button-color-hover-props, var(--controls-button-hover-color));
}
.svelte-flow__controls-button :global(svg) {
packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+20 -4
View File
@@ -142,12 +142,28 @@
<style>
svg {
background-color: var(--minimap-background-color-props, var(--minimap-background-color));
background-color: var(
--minimap-background-color-props,
var(--minimap-background-color),
var(--minimap-background-color-default)
);
}
.svelte-flow__minimap-mask {
fill: var(--minimap-mask-color-props, var(--minimap-mask-color));
stroke: var(--minimap-mask-stroke-color-props, var(--minimap-mask-stroke-color));
stroke-width: var(--minimap-mask-stroke-width-props, var(--minimap-mask-stroke-width));
fill: var(
--minimap-mask-color-props,
var(--minimap-mask-color),
var(--minimap-mask-color-default)
);
stroke: var(
--minimap-mask-stroke-color-props,
var(--minimap-mask-stroke-color),
var(--minimap-mask-stroke-color-default)
);
stroke-width: var(
--minimap-mask-stroke-width-props,
var(--minimap-mask-stroke-width),
var(--minimap-mask-stroke-width-default)
);
}
</style>