MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

bad layout of component actions, on everything but firefox

This commit is contained in:
Michael Shanks 2020-02-19 14:12:24 +00:00
parent d072c356ef
commit cf719a6d32
1 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/builder/src/userInterface/ComponentsHierarchyChildren.svelte
View File

@ -38,7 +38,7 @@
class="item" class="item"
class:selected={currentComponent === component} class:selected={currentComponent === component}
style="padding-left: {level * 20 + 67}px"> style="padding-left: {level * 20 + 67}px">
<span class="item-name">{get_capitalised_name(component._component)}</span> <div>{get_capitalised_name(component._component)}</div>
<div class="reorder-buttons"> <div class="reorder-buttons">
{#if index > 0} {#if index > 0}
<button on:click|stopPropagation={() => onMoveUpComponent(component)}> <button on:click|stopPropagation={() => onMoveUpComponent(component)}>
@ -87,8 +87,8 @@
} }
.item { .item {
display: flex; display: grid;
flex-direction: row; grid-template-columns: 1fr auto auto auto;
padding: 0px 5px 0px 67px; padding: 0px 5px 0px 67px;
margin: auto 0px; margin: auto 0px;
border-radius: 3px; border-radius: 3px;
@ -96,14 +96,10 @@
align-items: center; align-items: center;
} }
.item > span {
width: 1px;
flex: 1 1 auto;
}
.item button { .item button {
display: none; display: none;
height: 20px; height: 20px;
width: 30px;
color: var(--slate); color: var(--slate);
padding: 0px 5px; padding: 0px 5px;
} }
@ -136,7 +132,8 @@
.reorder-buttons > button { .reorder-buttons > button {
flex: 1 1 auto; flex: 1 1 auto;
height: 17px height: 17px;
width: 30px;
} }
</style> </style>