Widen perk canvas, fix visual overflow on celnav

This commit is contained in:
SpectralFlame 2022-07-22 06:48:18 -05:00 committed by cyip92
parent fb8824f71d
commit c2697e64f2
3 changed files with 7 additions and 8 deletions

View File

@ -1381,6 +1381,11 @@ br {
padding-bottom: 2rem;
}
.c-wide-canvas-element {
height: 600px;
width: 950px;
}
._kong-test .c-game-ui {
max-height: 100%;
}
@ -9043,8 +9048,6 @@ input.o-automator-block-input {
.c-perk-network {
overflow: hidden;
width: 60rem;
height: 60rem;
position: relative;
border: var(--var-border-width, 0.2rem) solid black;
border-radius: var(--var-border-radius, 0.4rem);

View File

@ -142,9 +142,7 @@ const CelestialNavigationViewportCache = {
<div>
<svg
ref="celestialNavigationSVG"
height="600"
width="966"
class="l-celestial-navigation"
class="c-wide-canvas-element l-celestial-navigation"
>
<defs>
<linearGradient

View File

@ -185,12 +185,10 @@ export const PerkNetwork = {
};
const container = document.createElement("div");
container.className = "vis-network c-perk-network";
container.className = "c-wide-canvas-element vis-network c-perk-network";
container.tabIndex = 900;
const canvas = document.createElement("canvas");
canvas.className = "c-perk-network__canvas";
canvas.width = 900;
canvas.height = 500;
container.appendChild(canvas);
this.container = container;