137 lines
2.6 KiB
CSS
137 lines
2.6 KiB
CSS
.graph-3d-view .tree-item.is-collapsed > .tree-item-children {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.graph-3d-view {
|
|
padding: 0 !important;
|
|
position: relative;
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
.graph-3d-view .graph-controls.is-collapsed > .graph-control-section {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.graph-control-section .tree-item-inner {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.graph-3d-view .graph-control-section.is-collapsed .tree-item-inner::before {
|
|
content: "▶";
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.graph-3d-view .graph-control-section:not(.is-collapsed) .tree-item-inner::before {
|
|
content: "▼";
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.graph-3d-view .graph-controls:hover > .control-buttons {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.graph-3d-view .graph-controls > .control-buttons:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.graph-3d-view .graph-controls > .control-buttons {
|
|
float: right;
|
|
margin-right: 0;
|
|
opacity: 0;
|
|
}
|
|
|
|
.graph-3d-view .hidden {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.graph-3d-view .control-buttons {
|
|
display: block;
|
|
}
|
|
|
|
.graph-3d-view .control-buttons > * {
|
|
display: inline-block;
|
|
margin: 0;
|
|
}
|
|
|
|
.graph-3d-view .graph-settings-view > .clickable-icon {
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 8px;
|
|
}
|
|
|
|
.graph-3d-view .node-label {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.graph-3d-view .scene-nav-info {
|
|
display: block;
|
|
visibility: visible;
|
|
}
|
|
|
|
.mod-search-input {
|
|
width: 100%;
|
|
padding: 0.5em;
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 0.25em;
|
|
background-color: var(--background-color);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.graph-3d-view .graph-controls:not(.is-close) {
|
|
max-height: calc(90% - var(--size-4-4));
|
|
}
|
|
|
|
.workspace-leaf-content:has(.search-result-container.is-loading) .graph-controls {
|
|
/* border color purple */
|
|
border-color: var(--color-purple);
|
|
|
|
/* create the animation */
|
|
animation: color-oscillation 2s ease infinite;
|
|
}
|
|
|
|
@keyframes color-oscillation {
|
|
0% {
|
|
border: 1px solid var(--color-purple);
|
|
}
|
|
50% {
|
|
border: 1px solid var(--background-modifier-border);
|
|
}
|
|
100% {
|
|
border: 1px solid var(--color-purple);
|
|
}
|
|
}
|
|
|
|
.workspace-leaf-content:has(.search-result-container.is-loading) .search-input-container input {
|
|
animation: outline-gradient-animation 2s linear infinite;
|
|
}
|
|
|
|
@keyframes outline-gradient-animation {
|
|
0% {
|
|
box-shadow: 0 2px 0 var(--color-purple);
|
|
}
|
|
50% {
|
|
box-shadow: 0 2px 0 var(--background-modifier-border);
|
|
}
|
|
100% {
|
|
box-shadow: 0 2px 0 var(--color-purple);
|
|
}
|
|
}
|
|
|
|
/* section: setting tab */
|
|
.graph-3d-setting-tab {
|
|
> h2 {
|
|
color: var(--color-purple);
|
|
font-size: var(--h2-size);
|
|
}
|
|
|
|
> h2 + .setting-item {
|
|
border-top: 0px;
|
|
}
|
|
}
|