<ng-container *ngIf="drawSustain">
    <svg:line *ngIf="note.sustain" [attr.y1]="note.y" [attr.y2]="note.endY" x1="23" x2="23" stroke="purple" stroke-width="2.5"></svg:line>
    <svg:line *ngIf="note.sustain" [attr.y1]="note.y" [attr.y2]="note.endY" x1="97" x2="97" stroke="purple" stroke-width="2.5"></svg:line>
</ng-container>
<ng-container *ngIf="!drawSustain">
    <svg:line *ngIf="note.selected" [attr.y1]="note.y-1" [attr.y2]="note.y-1" x1="20" x2="100" stroke="white" stroke-width="0.5"></svg:line>        
    <svg:line [attr.y1]="note.y" [attr.y2]="note.y" x1="20" x2="100" stroke="purple" stroke-width="2"></svg:line>
    <svg:line *ngIf="note.selected" [attr.y1]="note.y+1" [attr.y2]="note.y+1" x1="20" x2="100" stroke="white" stroke-width="0.5"></svg:line>
</ng-container>

<ng-container *ngIf="drawSustain">
    <svg:line *ngIf="note.sustain" [attr.y1]="note.y" [attr.y2]="note.endY" x1="23.5" x2="23.5" stroke="purple" stroke-width="2.5"></svg:line>
    <svg:line *ngIf="note.sustain" [attr.y1]="note.y" [attr.y2]="note.endY" x1="96.5" x2="96.5" stroke="purple" stroke-width="2.5"></svg:line>
</ng-container>
<ng-container *ngIf="!drawSustain">
    <svg:line *ngIf="note.selected" [attr.y1]="note.y-1" [attr.y2]="note.y-1" x1="20" x2="100" stroke="white" stroke-width="0.5"></svg:line>        
    <svg:line [attr.y1]="note.y" [attr.y2]="note.y" x1="20" x2="100" stroke="purple" stroke-width="2"></svg:line>
    <svg:line *ngIf="note.selected" [attr.y1]="note.y+1" [attr.y2]="note.y+1" x1="20" x2="100" stroke="white" stroke-width="0.5"></svg:line>
</ng-container>

Tweak open note sustain style
feat: Tweak open note sustain style
