Browse Source

Properly center all path, screen and component dropdown menu icons

master
Andrew Kingston 5 years ago
parent
commit
1bd60bda31
  1. 5
      packages/builder/src/components/common/NavItem.svelte
  2. 7
      packages/builder/src/components/design/NavigationPanel/ComponentNavigationTree/ComponentDropdownMenu.svelte
  3. 4
      packages/builder/src/components/design/NavigationPanel/ComponentNavigationTree/PathDropdownMenu.svelte
  4. 7
      packages/builder/src/components/design/NavigationPanel/ComponentNavigationTree/ScreenDropdownMenu.svelte

5
packages/builder/src/components/common/NavItem.svelte

@ -125,10 +125,9 @@
height: 20px; height: 20px;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
flex-direction: row; display: grid;
justify-content: center;
align-items: center;
margin-left: var(--spacing-s); margin-left: var(--spacing-s);
place-items: center;
} }
.iconText { .iconText {

7
packages/builder/src/components/design/NavigationPanel/ComponentNavigationTree/ComponentDropdownMenu.svelte

@ -138,3 +138,10 @@
onOk={deleteComponent} onOk={deleteComponent}
/> />
{/if} {/if}
<style>
.icon {
display: grid;
place-items: center;
}
</style>

4
packages/builder/src/components/design/NavigationPanel/ComponentNavigationTree/PathDropdownMenu.svelte

@ -75,4 +75,8 @@
align-items: flex-start; align-items: flex-start;
padding-left: var(--spacing-xl); padding-left: var(--spacing-xl);
} }
.icon {
display: grid;
place-items: center;
}
</style> </style>

7
packages/builder/src/components/design/NavigationPanel/ComponentNavigationTree/ScreenDropdownMenu.svelte

@ -103,3 +103,10 @@
confirmText="Duplicate" confirmText="Duplicate"
/> />
</Modal> </Modal>
<style>
.icon {
display: grid;
place-items: center;
}
</style>

Loading…
Cancel
Save