mirror of
https://github.com/thepaperpilot/Planar-Pioneers.git
synced 2024-11-21 16:13:54 +00:00
Fixed tooltips on side nodes getting clipped
This commit is contained in:
parent
97f40bf4a2
commit
3b9395e484
2 changed files with 26 additions and 0 deletions
|
@ -17,6 +17,7 @@
|
|||
.can:hover button {
|
||||
transform: scale(1.15, 1.15);
|
||||
box-shadow: 0 0 20px var(--points);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.locked,
|
||||
|
|
|
@ -87,4 +87,29 @@ export default {
|
|||
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>
|
||||
|
|
Loading…
Reference in a new issue