Skip to content

Migration guide v4.5.0

Sophie Frasnedo edited this page Jul 3, 2024 · 3 revisions

Fix edge infos (#629)

Changes in css

In nominalStyle.css and topologicalStyle.css

Before

.nad-pst-arrow {stroke: #6a6a6a; stroke-width: 4; stroke-linecap: round; fill: none}
.nad-state-out .nad-arrow-in {visibility: hidden}
.nad-state-in .nad-arrow-out {visibility: hidden}
.nad-active path {stroke: none; fill: #546e7a}
.nad-reactive path {stroke: none; fill: #0277bd}
.nad-current path {stroke: none; fill: #bd4802}
.nad-text-background {flood-color: #90a4aeaa}

...

.nad-edge-infos text, .nad-edge-label text {font: 20px serif; dominant-baseline:middle; stroke: #FFFFFFAA; stroke-width: 10; stroke-linejoin:round; paint-order: stroke}
.nad-edge-infos .nad-state-in text {fill: #b71c1c}
.nad-edge-infos .nad-state-out text {fill: #2e7d32}

After

.nad-pst-arrow {stroke: #6a6a6a; stroke-width: 4; stroke-linecap: round; fill: none}
path.nad-arrow-out:not(.nad-state-out .nad-arrow-out) {visibility: hidden}
path.nad-arrow-in:not(.nad-state-in .nad-arrow-in) {visibility: hidden}
.nad-active {fill: #546e7a}
.nad-reactive {fill: #0277bd}
.nad-current {fill: #bd4802}
.nad-text-background {flood-color: #90a4aeaa}

...

.nad-edge-infos text, .nad-edge-label text {font: 20px serif; dominant-baseline:middle; stroke: #FFFFFFAA; stroke-width: 10; stroke-linejoin:round; paint-order: stroke}

Add style for disconnected BusbarSection (#624)

Changes in css

In highlightLineStates.css

Before

.sld-wire.sld-feeder-disconnected-connected {stroke: black; stroke-dasharray: 3,3}

After

.sld-wire.sld-feeder-disconnected-connected {stroke: black; stroke-dasharray: 3,3}
.sld-busbar-section.sld-bus-disconnected {stroke-dasharray: 3,3}

SLD: add CSS class for tie line and dangling line (#627)

Changes in css

In ConvergenceLibrary > components.css and FlatDesignLibrary > components.css

Before

.sld-wire {stroke: var(--sld-vl-color, #c80000); fill: none}

After

.sld-wire {stroke: var(--sld-vl-color, #c80000); fill: none}
.sld-wire.sld-dangling-line {stroke-width: 2px}
.sld-wire.sld-tie-line {stroke-width: 2px}