siyuan/app/src/assets/scss/business/_graph.scss
2024-11-04 11:25:45 +08:00

63 lines
1.3 KiB
SCSS

.graph {
display: flex;
flex-direction: column;
background-color: var(--b3-theme-surface);
position: relative;
overflow: hidden !important;
&__panel {
transition: var(--b3-transition);
width: 200px;
padding: 0 16px 8px;
background-color: var(--b3-theme-background);
position: absolute;
top: 42px;
right: -200px;
bottom: 0;
overflow: auto;
box-sizing: border-box;
z-index: 1;
opacity: .9;
border-left: 1px solid var(--b3-border-color);
label {
display: flex;
margin-top: 8px;
align-items: center;
cursor: pointer;
span {
flex: 1;
white-space: nowrap;
}
.b3-slider {
width: 68px;
}
}
}
&__svg {
position: relative;
overflow: hidden !important;
.vis-network {
outline: none;
}
.vis-tooltip {
visibility: hidden;
pointer-events: none;
position: absolute;
border: 1px solid var(--b3-theme-surface-lighter);
border-radius: var(--b3-border-radius);
box-shadow: var(--b3-dialog-shadow);
background-color: var(--b3-theme-surface);
padding: 4px 8px;
color: var(--b3-theme-on-surface);
max-width: 10vw;
white-space: break-spaces;
@include text-clamp(3);
}
}
}