CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-03 05:20:32 +12:00
Code Issues Projects Releases Wiki Activity

Fix status lights and context menus working together in nav items

Browse source
This commit is contained in:
Andrew Kingston 2022-04-25 20:17:09 +01:00
parent 3ae0566887
commit 2f55773edd
1 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
packages/builder/src/components/common/NavItem.svelte
View file

@ -114,7 +114,7 @@
background-color: var(--grey-3);
}
.nav-item:hover .actions {
display: grid;
visibility: visible;
}
.nav-item-content {
flex: 1 1 auto;
@ -125,6 +125,7 @@
gap: var(--spacing-xs);
width: max-content;
overflow: hidden;
position: relative;
}
.icon {
@ -145,6 +146,11 @@
.icon + .icon {
margin-left: -4px;
}
.iconText {
margin-top: 1px;
font-size: var(--spectrum-global-dimension-font-size-50);
flex: 0 0 34px;
}
.text {
font-weight: 600;
@ -162,8 +168,9 @@
.actions {
cursor: pointer;
position: relative;
display: none;
display: grid;
place-items: center;
visibility: hidden;
}
.actions,
.light :global(.spectrum-StatusLight) {
@ -171,10 +178,9 @@
height: 20px;
margin-left: var(--spacing-s);
}
.iconText {
margin-top: 1px;
font-size: var(--spectrum-global-dimension-font-size-50);
flex: 0 0 34px;
.light {
position: absolute;
right: 0;
}
.nav-item.withActions:hover .light {
display: none;