fix: Image is not loaded over the top of the label #243

TimSusa · Oct 23, 2020 · 63d05ad · 63d05ad
1 parent f3e0004
commit 63d05ad
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "midi-bricks-mono",
-  "version": "1.3.41-alpha.8",
+  "version": "1.3.41",
   "private": false,
   "license": "MIT",
   "repository": "https://github.com/TimSusa/midi-bricks-mono.git",

diff --git a/packages/midi-bricks-doc/package.json b/packages/midi-bricks-doc/package.json
@@ -1,6 +1,6 @@
 {
   "name": "midi-bricks-doc",
-  "version": "1.3.41-alpha.8",
+  "version": "1.3.41",
   "private": true,
   "description": "Documentation for midi-bricks",
   "author": "TimSusa <timsusa@altus-insight.de>",

diff --git a/packages/midi-bricks/package.json b/packages/midi-bricks/package.json
@@ -1,7 +1,7 @@
 {
   "name": "midi-bricks-electron",
   "productName": "MIDI-Bricks",
-  "version": "1.3.41-alpha.8",
+  "version": "1.3.41",
   "main": "./app/electron.js",
   "homepage": ".",
   "repository": "https://github.com/TimSusa/midi-bricks-mono.git",

diff --git a/packages/midi-bricks/src/components/channel-strip/ChannelStrip.jsx b/packages/midi-bricks/src/components/channel-strip/ChannelStrip.jsx
@@ -56,7 +56,16 @@ function ChannelStrip(props) {
   return (
     <div className={classes.root} ref={measuredRef}>
       {backgroundImage && (
-        <img style={{ height, width }} src={backgroundImage}></img>
+        <img
+          style={{
+            height,
+            width,
+            position: 'absolute',
+            left: 0,
+            borderRadius: '5px'
+          }}
+          src={backgroundImage}
+        ></img>
       )}
       {type === STRIP_TYPE.SLIDER && !isMidiLearnMode && (
         <div className={classes.sliderChannelWrapper}>