fix: edit node button overflowing

This commit is contained in:
Rucha Mahabal 2021-06-30 02:29:16 +05:30
parent 6d06d8c207
commit d363f9db3d
2 changed files with 3 additions and 1 deletions

View File

@ -8,7 +8,7 @@
<div> <div>
<div class="node-name d-flex flex-row mb-1"> <div class="node-name d-flex flex-row mb-1">
<span class="ellipsis">{{ name }}</span> <span class="ellipsis">{{ name }}</span>
<div class="btn-xs btn-edit-node d-flex flex-row ml-5"> <div class="btn-xs btn-edit-node d-flex flex-row">
<a class="node-edit-icon">{{ frappe.utils.icon("edit", "xs") }}</a> <a class="node-edit-icon">{{ frappe.utils.icon("edit", "xs") }}</a>
<span class="edit-chart-node text-xs">{{ __("Edit") }}</span> <span class="edit-chart-node text-xs">{{ __("Edit") }}</span>
</div> </div>

View File

@ -57,6 +57,7 @@
font-size: .75rem; font-size: .75rem;
justify-content: center; justify-content: center;
box-shadow: var(--shadow-sm); box-shadow: var(--shadow-sm);
margin-left: auto;
} }
.edit-chart-node { .edit-chart-node {
@ -79,6 +80,7 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 2px; margin-bottom: 2px;
width: 12.2rem;
} }
} }