💄 Minor UI fixes

SonyCSLParis · Oct 22, 2022 · b4226cb · b4226cb
1 parent 97a38d5
commit b4226cb
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 9 deletions.
diff --git a/packages/renderer/src/piano_roll/Player.scss b/packages/renderer/src/piano_roll/Player.scss
@@ -128,12 +128,12 @@ $lighter-arabian-sand-color: color.scale($arabian-sand-color, $lightness: +40%);
 
 .midi-visualizer-loop-overlay {
   position: relative;
-  fill: lightblue;
+  fill: antiquewhite;
   fill-opacity: 0.3;
 }
 
 .midi-visualizer {
-  cursor: pointer;
+  cursor: grab;
 }
 .midi-visualizer.in-interaction {
   cursor: grabbing;

diff --git a/packages/renderer/src/piano_roll/interactivePianoRollVisualizer.ts b/packages/renderer/src/piano_roll/interactivePianoRollVisualizer.ts
@@ -1315,7 +1315,6 @@ export class ClickableVisualizerElement extends MonoVoiceVisualizerElement {
     this._inSelectionInteraction = inSelectionInteraction
   }
 
-  protected startingSelectionInteraction: boolean = false
   get InSelectionInteraction(): boolean {
     return this.inSelectionInteraction
   }
@@ -1701,7 +1700,7 @@ export class ClickableVisualizerElement extends MonoVoiceVisualizerElement {
         this.selectionOverlay.setAttribute('width', '0')
         this.selectionTimestamp_A = clickTime
         this.selectionTimestamp_B = clickTime
-        this.startingSelectionInteraction = true
+        this.inSelectionInteraction = true
       } else {
         this.seekCallback(ev)
       }
@@ -1728,10 +1727,6 @@ export class ClickableVisualizerElement extends MonoVoiceVisualizerElement {
       if (ev.offsetY < 0 || ev.offsetY > this.svgElement.clientHeight) {
         this.clearSelection()
       }
-      if (!this.inSelectionInteraction && this.startingSelectionInteraction) {
-        this.inSelectionInteraction = true
-        this.startingSelectionInteraction = false
-      }
       if (!this.inSelectionInteraction) {
         return
       }
@@ -1902,7 +1897,6 @@ export class ClickableVisualizerElement extends MonoVoiceVisualizerElement {
   clearSelection() {
     this.selectionOverlay?.style.setProperty('opacity', '0')
     this.inSelectionInteraction = false
-    this.startingSelectionInteraction = false
     this.selectionTimestamp_A = null
     this.selectionTimestamp_B = null
   }

diff --git a/packages/renderer/styles/main.scss b/packages/renderer/styles/main.scss
@@ -87,6 +87,10 @@ body.hidden-cursor {
   }
 }
 
+.simplebar-dragging .simplebar-track:hover {
+  cursor: grabbing;
+}
+
 .inpainter {
   &.sheet-inpainter svg,
   .spectrogram-inpainter-image-container img {

diff --git a/packages/renderer/styles/startupSplash.scss b/packages/renderer/styles/startupSplash.scss
@@ -190,6 +190,7 @@ body.running #configuration-selection-container {
     grid-auto-flow: column;
     grid-auto-columns: 1fr;
     max-width: 75vw;
+    padding: 0 1vw;
 
     > div {
       margin: 0 1vw;