The_evening_detective/evening_detective_admin_client
1
0
Fork 0
generated from VLADIMIR/template_frontend
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Владимир Фёдоров 2025-12-07 18:36:41 +07:00
parent 8b38453a4e
commit 1119fad90c
1 changed files with 34 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/EditorWindow.vue
View File

@ -171,17 +171,19 @@ function nodeHeader(node: GraphNode): string {
</div> </div>
<hr class="hr"> <hr class="hr">
<div class="scroll-y">
<div v-bind:key="node.id" v-for="node in graph.nodes"> <div v-bind:key="node.id" v-for="node in graph.nodes">
<span v-on:mouseenter="focusNode(node)" v-on:mouseleave="focusNode(emptyNode)"> <span v-on:mouseenter="focusNode(node)" v-on:mouseleave="focusNode(emptyNode)">
<span :class="[node.id == selectedNode.id ? 'selected-node' : '']" class="node-select-button" <span :class="[node.id == selectedNode.id ? 'selected-node' : '']" class="node-select-button"
v-on:click="selectNode(node)">{{ nodeHeader(node) }}</span> v-on:click="selectNode(node)">{{ nodeHeader(node) }}</span>
<span v-if="node.applications.length > 0"> ({{ node.applications.length }})</span> <span v-if="node.applications.length > 0"> ({{ node.applications.length }})</span>
<span v-if="node.id == focusedNode.id" class="copy-node-link" v-on:click="copyLink(node)"> <span v-if="node.id == focusedNode.id" class="copy-node-link" v-on:click="copyLink(node)">
Скопировать ссылку Ссылка
</span> </span>
</span> </span>
</div> </div>
</div> </div>
</div>
<div class="edit-node-container"> <div class="edit-node-container">
<h2>Редактирование точки</h2> <h2>Редактирование точки</h2>
@ -189,7 +191,7 @@ function nodeHeader(node: GraphNode): string {
{{ nodeHeader(selectedNode) }} {{ nodeHeader(selectedNode) }}
</div> </div>
<div> <div>
<textarea class="node-text-edit-field" rows="30" v-model="selectedNode.text"></textarea> <textarea class="node-text-edit-field" rows="25" v-model="selectedNode.text"></textarea>
</div> </div>
<div> <div>
<h3>Приложения: {{ selectedNode.applications.length }}</h3> <h3>Приложения: {{ selectedNode.applications.length }}</h3>
@ -224,7 +226,7 @@ function nodeHeader(node: GraphNode): string {
left: 5px; left: 5px;
top: 55px; top: 55px;
height: calc(100vh - 100px); height: calc(100vh - 100px);
padding: 10px 20px; padding: 3px 10px;
} }
.edit-node-container { .edit-node-container {
@ -232,7 +234,7 @@ function nodeHeader(node: GraphNode): string {
right: 5px; right: 5px;
top: 55px; top: 55px;
height: calc(100vh - 100px); height: calc(100vh - 100px);
padding: 10px 20px; padding: 3px 10px;
min-width: 350px; min-width: 350px;
max-width: 400px; max-width: 400px;
} }
@ -272,6 +274,7 @@ function nodeHeader(node: GraphNode): string {
} }
.hr { .hr {
width: 250px;
margin: 10px 0; margin: 10px 0;
} }
@ -284,6 +287,15 @@ function nodeHeader(node: GraphNode): string {
cursor: pointer; cursor: pointer;
} }
.scroll-y {
overflow-y: auto;
max-height: calc(100vh - 200px);
}
.scroll-y::-webkit-scrollbar {
display: none;
}
.checkbox-green { .checkbox-green {