macbook-pro-de-oscar-1.home 2025-8-27:18:3:37
This commit is contained in:
98
.obsidian/plugins/extended-graph/data.json
vendored
98
.obsidian/plugins/extended-graph/data.json
vendored
@@ -16,7 +16,8 @@
|
||||
"elements-stats": true,
|
||||
"names": false,
|
||||
"icons": false,
|
||||
"arrows": false
|
||||
"arrows": false,
|
||||
"layers": false
|
||||
},
|
||||
"localgraph": {
|
||||
"auto-enabled": false,
|
||||
@@ -34,7 +35,8 @@
|
||||
"elements-stats": false,
|
||||
"names": false,
|
||||
"icons": false,
|
||||
"arrows": false
|
||||
"arrows": false,
|
||||
"layers": false
|
||||
}
|
||||
},
|
||||
"interactiveSettings": {
|
||||
@@ -44,7 +46,11 @@
|
||||
"unselected": [],
|
||||
"noneType": "none",
|
||||
"showOnGraph": true,
|
||||
"enableByDefault": true
|
||||
"enableByDefault": true,
|
||||
"excludeRegex": {
|
||||
"regex": "",
|
||||
"flags": ""
|
||||
}
|
||||
},
|
||||
"link": {
|
||||
"colormap": "rainbow",
|
||||
@@ -52,7 +58,11 @@
|
||||
"unselected": [],
|
||||
"noneType": "none",
|
||||
"showOnGraph": true,
|
||||
"enableByDefault": true
|
||||
"enableByDefault": true,
|
||||
"excludeRegex": {
|
||||
"regex": "",
|
||||
"flags": ""
|
||||
}
|
||||
},
|
||||
"folder": {
|
||||
"colormap": "winter",
|
||||
@@ -60,12 +70,17 @@
|
||||
"unselected": [],
|
||||
"noneType": ".",
|
||||
"showOnGraph": true,
|
||||
"enableByDefault": false
|
||||
"enableByDefault": false,
|
||||
"excludeRegex": {
|
||||
"regex": "",
|
||||
"flags": ""
|
||||
}
|
||||
}
|
||||
},
|
||||
"additionalProperties": {},
|
||||
"backupGraphOptions": {
|
||||
"collapse-filter": true,
|
||||
"collapse-filter": false,
|
||||
"search": "",
|
||||
"localJumps": 1,
|
||||
"localBacklinks": true,
|
||||
"localForelinks": true,
|
||||
@@ -81,17 +96,17 @@
|
||||
"nodeSizeMultiplier": 1,
|
||||
"lineSizeMultiplier": 1,
|
||||
"collapse-forces": true,
|
||||
"centerStrength": 0.518713248970312,
|
||||
"centerStrength": 0.591389973958333,
|
||||
"repelStrength": 10,
|
||||
"linkStrength": 1,
|
||||
"linkDistance": 250,
|
||||
"scale": 1,
|
||||
"close": false
|
||||
"linkDistance": 30,
|
||||
"scale": 0.6757381672622811,
|
||||
"close": true
|
||||
},
|
||||
"states": [
|
||||
{
|
||||
"id": "default-vault",
|
||||
"name": "Vault (default)",
|
||||
"name": "Default state",
|
||||
"engineOptions": {
|
||||
"colorGroups": [],
|
||||
"hideUnresolved": false,
|
||||
@@ -128,7 +143,6 @@
|
||||
"nodesSizeFunction": "default",
|
||||
"nodesColorColormap": "YlOrRd",
|
||||
"nodesColorFunction": "default",
|
||||
"invertNodeStats": false,
|
||||
"linksSizeFunction": "default",
|
||||
"linksColorColormap": "YlOrRd",
|
||||
"linksColorFunction": "default",
|
||||
@@ -219,7 +233,6 @@
|
||||
"excludedTargetsFolder": [],
|
||||
"curvedLinks": false,
|
||||
"outlineLinks": false,
|
||||
"folderRadius": 50,
|
||||
"folderShowFullPath": true,
|
||||
"invertArrows": false,
|
||||
"flatArrows": false,
|
||||
@@ -278,5 +291,62 @@
|
||||
"useModifiedNames": true,
|
||||
"showIcons": false
|
||||
},
|
||||
"multipleNodesData": {}
|
||||
"multipleNodesData": {},
|
||||
"canonicalizePropertiesWithDataview": true,
|
||||
"syncDefaultState": false,
|
||||
"saveConfigsWithState": false,
|
||||
"customColorMaps": {},
|
||||
"nodesSizeRange": {
|
||||
"min": 0.5,
|
||||
"max": 1.5
|
||||
},
|
||||
"graphStatsDirection": "normal",
|
||||
"recomputeStatsOnGraphChange": false,
|
||||
"highlightOpenNodes": false,
|
||||
"highlightSearchResults": false,
|
||||
"colorBasedOnDepth": false,
|
||||
"depthColormap": "rainbow",
|
||||
"currentNode": {
|
||||
"useColor": false,
|
||||
"color": "#000000",
|
||||
"size": 100,
|
||||
"shape": "circle"
|
||||
},
|
||||
"interactivesBrightness": {
|
||||
"light": 1,
|
||||
"dark": 1
|
||||
},
|
||||
"fadeInElements": false,
|
||||
"externalLinks": "none",
|
||||
"externalLinksProperties": [
|
||||
"url"
|
||||
],
|
||||
"externalLinkOpenMode": "note",
|
||||
"showPinIcon": true,
|
||||
"curvedFactor": 1,
|
||||
"displayLinkTypeLabel": false,
|
||||
"colorLinkTypeLabel": false,
|
||||
"noLineHighlight": false,
|
||||
"ellipsis": "…",
|
||||
"backgroundOpacityWithIcon": 0,
|
||||
"useIconColorForBackgroud": true,
|
||||
"borderWidthWithIcon": 0,
|
||||
"layerProperties": [
|
||||
"layer"
|
||||
],
|
||||
"numberOfActiveLayers": 4,
|
||||
"layersOrder": "ASC",
|
||||
"displayLabelsInUI": true,
|
||||
"nodesWithoutLayerOpacity": 0,
|
||||
"useLayerCustomOpacity": true,
|
||||
"layersCustomOpacity": {},
|
||||
"layersLevels": {},
|
||||
"defaultLevelForLayers": 0,
|
||||
"radialMenuModifier": "Shift",
|
||||
"pinNodeModifier": "Alt",
|
||||
"useLeftClickToSelect": true,
|
||||
"selectNodeModifier": "Shift",
|
||||
"filterAbstractFiles": [],
|
||||
"ignoreInlineLinks": false,
|
||||
"selectionMode": "replace"
|
||||
}
|
403
.obsidian/plugins/extended-graph/main.js
vendored
403
.obsidian/plugins/extended-graph/main.js
vendored
File diff suppressed because one or more lines are too long
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"id": "extended-graph",
|
||||
"name": "Extended Graph",
|
||||
"version": "2.4.3",
|
||||
"version": "2.7.5",
|
||||
"minAppVersion": "1.7.0",
|
||||
"description": "Extends the features of the core Graph view, display images, manage states, remove links, change node shapes, and more.",
|
||||
"author": "Kapirklaa",
|
||||
|
578
.obsidian/plugins/extended-graph/styles.css
vendored
578
.obsidian/plugins/extended-graph/styles.css
vendored
@@ -1,11 +1,14 @@
|
||||
body {
|
||||
--ext-graph-background-container: var(--background-primary);
|
||||
--ext-graph-background-container-opacity: 0.9;
|
||||
--ext-graph-layers-max-width: 5em;
|
||||
--ext-graph-layers-with-labels-max-width: 10em;
|
||||
}
|
||||
|
||||
/* Container */
|
||||
.graph-legend-container,
|
||||
.graph-states-container {
|
||||
.graph-states-container,
|
||||
.extended-graph-layers {
|
||||
background-color: rgb(from var(--ext-graph-background-container) r g b / var(--ext-graph-background-container-opacity));
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
box-shadow: var(--shadow-s);
|
||||
@@ -20,16 +23,6 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.is-phone .graph-legend-container,
|
||||
.is-phone .graph-states-container {
|
||||
--input-height: 30px;
|
||||
|
||||
button,
|
||||
select {
|
||||
font-size: var(--font-ui-smaller);
|
||||
}
|
||||
}
|
||||
|
||||
/* LEGEND */
|
||||
|
||||
.graph-legend-container {
|
||||
@@ -98,12 +91,12 @@ body {
|
||||
color: var(--legend-text-color);
|
||||
padding: var(--size-2-2) var(--size-4-2);
|
||||
border-radius: var(--radius-s);
|
||||
line-height: 1;
|
||||
max-width: 140px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.graph-legend.is-hidden {
|
||||
@@ -116,12 +109,22 @@ body {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.and-or-group {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
button {
|
||||
padding: var(--size-2-2) var(--size-4-2);
|
||||
}
|
||||
}
|
||||
|
||||
.is-collapsed {
|
||||
display: flex;
|
||||
background-color: var(--background-secondary);
|
||||
overflow: hidden;
|
||||
|
||||
.graph-legend {
|
||||
.graph-legend,
|
||||
.and-or-group button {
|
||||
font-size: 0;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
@@ -199,6 +202,13 @@ body {
|
||||
width: 10ch;
|
||||
}
|
||||
|
||||
.and-or-group {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: var(--size-2-1);
|
||||
padding: var(--size-2-1);
|
||||
}
|
||||
|
||||
.is-collapsed {
|
||||
.setting-item-info svg {
|
||||
vertical-align: middle;
|
||||
@@ -232,6 +242,11 @@ body {
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.and-or-group {
|
||||
gap: var(--size-2-1);
|
||||
padding: var(--size-2-1);
|
||||
}
|
||||
|
||||
.is-collapsed {
|
||||
flex-grow: 1;
|
||||
padding-inline: 0;
|
||||
@@ -287,6 +302,98 @@ body {
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
/* LAYERS */
|
||||
|
||||
.extended-graph-layers {
|
||||
position: absolute;
|
||||
bottom: 35px;
|
||||
inset-inline-end: var(--size-4-3);
|
||||
padding: var(--size-2-2);
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
max-width: var(--ext-graph-layers-max-width);
|
||||
|
||||
&.show-labels {
|
||||
max-width: var(--ext-graph-layers-with-labels-max-width);
|
||||
}
|
||||
|
||||
.layers {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
text-align: center;
|
||||
margin-block: var(--size-2-2);
|
||||
}
|
||||
|
||||
.layers>* {
|
||||
padding-block: var(--size-2-1);
|
||||
padding-inline: var(--size-2-2);
|
||||
}
|
||||
|
||||
.layer {
|
||||
display: flex;
|
||||
gap: var(--size-4-2);
|
||||
}
|
||||
|
||||
.layer-level {
|
||||
width: 3em;
|
||||
padding-inline: var(--size-2-2);
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
border-radius: var(--radius-s);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.layer-labels {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: var(--text-faint);
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.layer-labels>* {
|
||||
padding-inline: var(--size-2-2);
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
border-radius: var(--radius-s);
|
||||
}
|
||||
|
||||
.current {
|
||||
border-radius: var(--radius-m);
|
||||
background-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.1);
|
||||
color: var(--color-accent);
|
||||
|
||||
>.layer-level {
|
||||
font-weight: var(--font-bold);
|
||||
}
|
||||
}
|
||||
|
||||
.current:not(:last-child) {
|
||||
border-bottom: 1px dashed var(--color-accent);
|
||||
padding-bottom: calc(var(--size-2-1) - 1px);
|
||||
}
|
||||
|
||||
.active-layers-border {
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
inset-inline: var(--size-2-2);
|
||||
border: 2px solid var(--color-accent);
|
||||
border-radius: var(--radius-m);
|
||||
transition: top 0.1s ease-out, bottom 0.1s ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
.extended-graph-layers~.graph-legend-container.horizontal-layout {
|
||||
--layers-max-width: var(--ext-graph-layers-max-width);
|
||||
right: calc(var(--size-4-3) * 2 + var(--layers-max-width));
|
||||
max-width: calc(100% - 3 * var(--size-4-3) - var(--layers-max-width));
|
||||
}
|
||||
|
||||
.extended-graph-layers.show-labels~.graph-legend-container.horizontal-layout {
|
||||
--layers-max-width: var(--ext-graph-layers-with-labels-max-width);
|
||||
}
|
||||
|
||||
.extended-graph-layers.is-closed~.graph-legend-container.horizontal-layout {
|
||||
--layers-max-width: calc(2 * var(--size-2-2) + 2 * var(--size-2-3) + var(--icon-size));
|
||||
}
|
||||
|
||||
/* MODAL NEW */
|
||||
|
||||
@@ -349,55 +456,56 @@ body {
|
||||
border-left: 1px solid var(--background-modifier-border);
|
||||
border-top: 1px solid var(--background-modifier-border);
|
||||
border-radius: var(--radius-l);
|
||||
}
|
||||
|
||||
td {
|
||||
padding: var(--size-2-2) var(--size-4-2);
|
||||
border-right: 1px solid var(--background-modifier-border);
|
||||
border-bottom: 1px solid var(--background-modifier-border);
|
||||
td {
|
||||
padding: var(--size-2-2) var(--size-4-2);
|
||||
border-right: 1px solid var(--background-modifier-border);
|
||||
border-bottom: 1px solid var(--background-modifier-border);
|
||||
}
|
||||
|
||||
thead td:not(:last-child) {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
thead tr:first-child td:first-child {
|
||||
border-top-left-radius: var(--radius-l);
|
||||
}
|
||||
|
||||
thead tr:first-child td:last-child {
|
||||
border-top-right-radius: var(--radius-l);
|
||||
}
|
||||
|
||||
thead:last-child tr:last-child td:first-child,
|
||||
tbody:last-child tr:last-child td:first-child {
|
||||
border-bottom-left-radius: var(--radius-l);
|
||||
}
|
||||
|
||||
thead:last-child tr:last-child td:last-child,
|
||||
tbody:last-child tr:last-child td:last-child {
|
||||
border-bottom-right-radius: var(--radius-l);
|
||||
}
|
||||
|
||||
thead {
|
||||
background-color: var(--background-secondary);
|
||||
text-transform: capitalize;
|
||||
|
||||
--icon-color: var(--text-faint);
|
||||
|
||||
.clickable-icon {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
padding: 2px;
|
||||
margin-left: var(--size-4-2);
|
||||
}
|
||||
|
||||
thead td:not(:last-child) {
|
||||
border-right: none;
|
||||
.sorted-asc,
|
||||
.sorted-desc {
|
||||
--icon-color: var(--text-normal);
|
||||
}
|
||||
|
||||
thead tr:first-child td:first-child {
|
||||
border-top-left-radius: var(--radius-l);
|
||||
}
|
||||
|
||||
thead tr:first-child td:last-child {
|
||||
border-top-right-radius: var(--radius-l);
|
||||
}
|
||||
|
||||
thead:last-child tr:last-child td:first-child,
|
||||
tbody:last-child tr:last-child td:first-child {
|
||||
border-bottom-left-radius: var(--radius-l);
|
||||
}
|
||||
|
||||
thead:last-child tr:last-child td:last-child,
|
||||
tbody:last-child tr:last-child td:last-child {
|
||||
border-bottom-right-radius: var(--radius-l);
|
||||
}
|
||||
|
||||
thead {
|
||||
background-color: var(--background-secondary);
|
||||
|
||||
--icon-color: var(--text-faint);
|
||||
|
||||
.clickable-icon {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
padding: 2px;
|
||||
margin-left: var(--size-4-2);
|
||||
}
|
||||
|
||||
.sorted-asc,
|
||||
.sorted-desc {
|
||||
--icon-color: var(--text-normal);
|
||||
}
|
||||
|
||||
.sorted-desc svg {
|
||||
transform: scaleY(-1);
|
||||
}
|
||||
.sorted-desc svg {
|
||||
transform: scaleY(-1);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -405,6 +513,10 @@ body {
|
||||
width: 7em;
|
||||
}
|
||||
|
||||
.col-selected {
|
||||
width: 7em;
|
||||
}
|
||||
|
||||
.col-shape {
|
||||
width: 7em;
|
||||
}
|
||||
@@ -507,8 +619,14 @@ body {
|
||||
.setting-item-heading {
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
.search-input-container {}
|
||||
/* MODAL OPEN EXTERNAL LINKS */
|
||||
|
||||
.graph-modal-open-external-link .modal-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--size-4-2);
|
||||
}
|
||||
|
||||
/* GRAPH CONTROLS */
|
||||
@@ -517,6 +635,11 @@ body {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.separator-exended-graph {
|
||||
--hr-thickness: 1px;
|
||||
margin-block: 0.5rem;
|
||||
}
|
||||
|
||||
.graph-controls.is-close .mod-extended-graph-toggle {
|
||||
--icon-color-active: var(--text-normal);
|
||||
display: flex;
|
||||
@@ -531,10 +654,8 @@ body {
|
||||
background-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.2);
|
||||
}
|
||||
|
||||
|
||||
.separator-exended-graph {
|
||||
--hr-thickness: 1px;
|
||||
margin-block: 0.5rem;
|
||||
.graph-control-section:is(.mod-extended-graph-options, .mod-extended-graph-folders) .setting-item .setting-item-info {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.graph-controls:not(.is-close) .separator-exended-graph {
|
||||
@@ -548,6 +669,13 @@ body {
|
||||
margin-top: var(--size-4-2);
|
||||
}
|
||||
|
||||
.graph-controls.is-close .mod-extended-graph-toggle.is-disabled,
|
||||
.graph-controls.is-close .mod-extended-graph-reset.is-disabled {
|
||||
--icon-color-active: var(--text-muted);
|
||||
--icon-color: var(--text-faint);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.graph-control-section:nth-last-child(1 of .graph-control-section) {
|
||||
border-bottom: none;
|
||||
}
|
||||
@@ -563,21 +691,6 @@ body {
|
||||
|
||||
/* SETTINGS */
|
||||
|
||||
.is-phone .extended-graph-settings .settings-colors-container {
|
||||
input[type="color"] {
|
||||
width: calc(var(--swatch-width) + 4px);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
button {
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.preview {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.extended-graph-settings {
|
||||
|
||||
textarea {
|
||||
@@ -595,13 +708,11 @@ body {
|
||||
margin-top: 0.75em;
|
||||
padding-inline: 0.75em;
|
||||
border-radius: var(--radius-s);
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
}
|
||||
|
||||
>.setting-item-heading:not(.is-collapsed) {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom: 0;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
@@ -633,8 +744,6 @@ body {
|
||||
>.setting-item-heading~.setting-item:not(.setting-item-heading):not(.no-section) {
|
||||
background-color: var(--background-secondary);
|
||||
padding-inline: 0.75em;
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
>.setting-item-heading+.setting-item {
|
||||
@@ -657,10 +766,14 @@ body {
|
||||
.setting-item-heading.setting-focus.is-collapsed~.setting-focus,
|
||||
.setting-item-heading.setting-names.is-collapsed~.setting-names,
|
||||
.setting-item-heading.setting-shapes.is-collapsed~.setting-shapes,
|
||||
.setting-item-heading.setting-layers.is-collapsed~.setting-layers,
|
||||
.setting-item-heading.setting-arrows.is-collapsed~.setting-arrows,
|
||||
.setting-item-heading.setting-elements-stats.is-collapsed~.setting-elements-stats,
|
||||
.setting-item-heading.setting-zoom.is-collapsed~.setting-zoom,
|
||||
.setting-item-heading.setting-local-graph.is-collapsed~.setting-local-graph,
|
||||
.setting-item-heading.setting-display.is-collapsed~.setting-display,
|
||||
.setting-item-heading.setting-filter.is-collapsed~.setting-filter,
|
||||
.setting-item-heading.setting-inputs.is-collapsed~.setting-inputs,
|
||||
.setting-item-heading.setting-performances.is-collapsed~.setting-performances,
|
||||
.setting-item-heading.setting-beta.is-collapsed~.setting-beta {
|
||||
display: none;
|
||||
@@ -693,7 +806,7 @@ body {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.setting-item.setting-shapes {
|
||||
.setting-item:not(.setting-item-heading).setting-shapes {
|
||||
--svg-size: var(--icon-size);
|
||||
|
||||
.setting-item-info {
|
||||
@@ -733,20 +846,32 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.setting-warning {
|
||||
.setting-local-graph {
|
||||
.shape-icon {
|
||||
padding: var(--size-4-1);
|
||||
border-radius: var(--radius-s);
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.shape-icon.is-active {
|
||||
color: var(--color-accent);
|
||||
background-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.1);
|
||||
outline: 1px solid hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.setting-warning,
|
||||
.setting-additional-info {
|
||||
border-top: 0;
|
||||
padding-top: 0;
|
||||
|
||||
.setting-item-info {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 0.75em;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.setting-item-name {
|
||||
color: var(--color-orange);
|
||||
}
|
||||
|
||||
.setting-item-description {
|
||||
padding-top: 0;
|
||||
@@ -761,6 +886,43 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.setting-warning {
|
||||
.setting-item-info {
|
||||
gap: 0.75em;
|
||||
}
|
||||
|
||||
svg {
|
||||
color: var(--color-orange);
|
||||
}
|
||||
}
|
||||
|
||||
.setting-additional-info {
|
||||
svg {
|
||||
--icon-size: var(--icon-xs);
|
||||
color: var(--text-faint);
|
||||
}
|
||||
}
|
||||
|
||||
.control-warning {
|
||||
--icon-size: var(--icon-xs);
|
||||
margin-inline-start: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--size-4-2);
|
||||
color: var(--text-muted);
|
||||
font-size: var(--font-ui-smaller);
|
||||
padding-top: var(--size-4-1);
|
||||
line-height: var(--line-height-tight);
|
||||
|
||||
svg {
|
||||
color: var(--color-orange);
|
||||
}
|
||||
|
||||
&.is-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.extended-graph-nav-settings {
|
||||
display: flex;
|
||||
padding-bottom: 0.75em;
|
||||
@@ -768,6 +930,7 @@ body {
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
overflow-x: auto;
|
||||
flex-wrap: wrap;
|
||||
|
||||
>.clickable-icon {
|
||||
background-color: var(--background-secondary);
|
||||
@@ -777,18 +940,50 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
>*:first-child {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
>*:last-child {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.nav-label {
|
||||
color: var(--text-muted);
|
||||
>* {
|
||||
color: var(--text-faint);
|
||||
font-size: var(--font-ui-smaller);
|
||||
}
|
||||
|
||||
.nav-label {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
}
|
||||
|
||||
.setting-layer-info {
|
||||
&:not(:nth-child(1 of .setting-layer-info)) {
|
||||
border: none;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.setting-item-info {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.setting-item-control {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.setting-item-control> :last-child {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.level-origin-icon {
|
||||
--icon-size: var(--icon-xs);
|
||||
color: var(--text-faint);
|
||||
}
|
||||
}
|
||||
|
||||
input.number {
|
||||
max-width: 5em;
|
||||
}
|
||||
|
||||
.error {
|
||||
color: var(--color-red);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -834,36 +1029,48 @@ body {
|
||||
|
||||
|
||||
|
||||
.graph-modal-interactives-selection .modal-content {
|
||||
display: flex;
|
||||
gap: var(--size-4-2);
|
||||
padding: 0.75em 0;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
.graph-modal-interactives-selection {
|
||||
.setting-item-control {
|
||||
textarea {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
label {
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
border-radius: var(--radius-s);
|
||||
padding: var(--size-2-2);
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--size-2-2);
|
||||
color: var(--text-faint);
|
||||
|
||||
input[type=checkbox] {
|
||||
margin: 0;
|
||||
input {
|
||||
width: 10ch;
|
||||
}
|
||||
}
|
||||
|
||||
label:hover {
|
||||
border-color: var(--background-modifier-border-hover);
|
||||
}
|
||||
.items-container {
|
||||
display: flex;
|
||||
gap: var(--size-4-2);
|
||||
padding: 0.75em 0;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
|
||||
label.is-active {
|
||||
color: var(--text-normal);
|
||||
border-color: var(--background-modifier-border-focus);
|
||||
background-color: var(--background-modifier-form-field);
|
||||
label {
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
border-radius: var(--radius-s);
|
||||
padding: var(--size-2-2);
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--size-2-2);
|
||||
color: var(--text-faint);
|
||||
|
||||
input[type=checkbox] {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
label:hover {
|
||||
border-color: var(--background-modifier-border-hover);
|
||||
}
|
||||
|
||||
label.is-active {
|
||||
color: var(--text-normal);
|
||||
border-color: var(--background-modifier-border-focus);
|
||||
background-color: var(--background-modifier-form-field);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -905,6 +1112,8 @@ body {
|
||||
}
|
||||
|
||||
|
||||
/* PALETTES */
|
||||
|
||||
.graph-modal-palette-picker {
|
||||
.setting-item-heading {
|
||||
display: block;
|
||||
@@ -914,33 +1123,108 @@ body {
|
||||
border-top: 1px solid var(--background-modifier-border);
|
||||
}
|
||||
|
||||
.setting-item-heading>.setting-item-info {
|
||||
.setting-item-heading:not(:last-child)>.setting-item-info {
|
||||
margin-bottom: 0.75em;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.setting-item-heading>.setting-item-info>.setting-item-name {
|
||||
.setting-item-heading:not(:last-child)>.setting-item-info>.setting-item-name {
|
||||
display: flex;
|
||||
gap: var(--size-4-2);
|
||||
}
|
||||
|
||||
.palette-group {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, 120px);
|
||||
text-align: center;
|
||||
.setting-item-heading:last-child .setting-item-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--size-4-2);
|
||||
}
|
||||
|
||||
.setting-item {
|
||||
flex-direction: column-reverse;
|
||||
gap: 5px;
|
||||
border: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
.setting-item-name {
|
||||
display: contents;
|
||||
}
|
||||
}
|
||||
|
||||
.setting-item>* {
|
||||
margin: 0;
|
||||
.graph-modal-palette-maker {
|
||||
.canvas-gradient-maker-container {
|
||||
--swatch-height: 100%;
|
||||
position: relative;
|
||||
height: 80px;
|
||||
padding-block: 3px;
|
||||
}
|
||||
|
||||
canvas {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input[type="color"]::-webkit-color-swatch-wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input[type="color"] {
|
||||
position: absolute;
|
||||
display: inline;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: calc(var(--handle-position) * 100%);
|
||||
transform: translateX(-50%);
|
||||
width: 15px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
input[type="color"]::-webkit-color-swatch {
|
||||
border: 2px solid var(--background-secondary);
|
||||
}
|
||||
|
||||
.error {
|
||||
color: var(--color-red);
|
||||
}
|
||||
|
||||
.setting-item-heading:last-child .setting-item-name {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--size-4-2);
|
||||
|
||||
svg {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.palette-group {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, 120px);
|
||||
text-align: center;
|
||||
|
||||
.setting-item {
|
||||
flex-direction: column-reverse;
|
||||
gap: 5px;
|
||||
border: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.setting-item>* {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-palette {
|
||||
.setting-item-info {
|
||||
display: flex;
|
||||
align-self: stretch;
|
||||
}
|
||||
|
||||
:nth-child(1 of .clickable-icon) {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.palette-canvas.reversed {
|
||||
scale: -1 1;
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.graph-modal-palette-picker .palette-group .setting-item:hover {
|
||||
box-shadow: none;
|
||||
@@ -1018,7 +1302,7 @@ svg.shape-svg {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
filter: drop-shadow(var(--menu-shadow));
|
||||
transform: translate(50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
.menu-scroll {
|
||||
position: relative;
|
||||
@@ -1048,13 +1332,20 @@ svg.shape-svg {
|
||||
clip-path: polygon(0 0, 0 99%, 99% 0);
|
||||
transform: rotate(var(--rotation));
|
||||
|
||||
.menu-item-icon {
|
||||
.menu-item-icon,
|
||||
.menu-item-title {
|
||||
font-family: var(--font-interface);
|
||||
font-size: var(--font-ui-smaller);
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 15%;
|
||||
font-size: 2rem;
|
||||
transform: rotate(calc(var(--rotation) * -1));
|
||||
color: var(--text-normal);
|
||||
transform-origin: center center;
|
||||
color: color-mix(in hsl, var(--color-base-00), var(--color-base-100) var(--dark-text-interp));
|
||||
}
|
||||
|
||||
.menu-item-title {
|
||||
left: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1135,4 +1426,19 @@ svg.shape-svg {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-inline: auto;
|
||||
width: fit-content;
|
||||
transform: translateX(50%);
|
||||
}
|
||||
}
|
||||
|
||||
/* SUGGESTERS */
|
||||
|
||||
.suggestion-container .extended-graph-duplicate {
|
||||
color: var(--text-faint);
|
||||
}
|
Reference in New Issue
Block a user