thepaperpilot/chromatic-lattice
1
0
Fork 0
Code Issues Pull requests Releases Activity Actions

Fixed tooltips on side nodes getting clipped

Browse source
This commit is contained in:
thepaperpilot 2021-06-22 07:43:19 -05:00
parent 97f40bf4a2
commit 3b9395e484
2 changed files with 26 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/common/features.css
View file

@ -17,6 +17,7 @@
.can:hover button { .can:hover button {
transform: scale(1.15, 1.15); transform: scale(1.15, 1.15);
box-shadow: 0 0 20px var(--points); box-shadow: 0 0 20px var(--points);
z-index: 1;
} }
.locked, .locked,

25
src/components/system/Tooltip.vue
View file

@ -87,4 +87,29 @@ export default {
visibility: visible; visibility: visible;
} }
} }
.tooltip-left[tooltip]:before,
.side-nodes [tooltip]:before {
bottom: unset;
left: unset;
right: 100%;
top: 50%;
margin-left: unset;
margin-bottom: unset;
margin-right: 5px;
transform: translateY(-50%);
}
.tooltip-left[tooltip]:after,
.side-nodes [tooltip]:after {
bottom: unset;
left: unset;
right: 100%;
top: 50%;
transform: translateY(-50%);
border-left: 5px solid var(--background-tooltip);
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: unset;
}
</style> </style>