studio : improved remove sound from timeline visibility #452

sites/all/themes/custom/edlptheme/assets/dist/img/trash.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M724.582 377.441v367.493c0 45.136-36.535 81.672-81.672 81.672H357.023c-45.136 0-81.672-36.536-81.672-81.672V377.44c-22.535 0-40.87-18.268-40.87-40.802v-40.87c0-22.535 18.268-40.803 40.87-40.803h122.475v-40.87c0-22.534 18.268-40.802 40.803-40.802h122.475c22.535 0 40.87 18.268 40.87 40.803v40.802h122.542c22.535 0 40.803 18.268 40.803 40.803v40.937c.066 22.534-18.202 40.802-40.737 40.802zm-418.096 0v378.027c0 22.535 17.535 40.87 40.07 40.87h306.821c22.535 0 40.87-18.268 40.87-40.87V377.44h-387.76zm121.742-122.475v-30.935c0-11.268 9.134-20.402 20.402-20.402h102.674c11.267 0 20.401 9.134 20.401 20.402v30.868c-19.801.067-143.477.067-143.477.067m286.42 30.402H285.285c-11.267 0-20.401 17.268-20.401 30.802 0 13.535 9.134 30.803 20.401 30.803h429.363c11.268 0 20.402-17.268 20.402-30.803 0-13.534-9.134-30.802-20.402-30.802zM420.561 459.114c8.4 0 15.201 9.134 15.201 20.401v245.017c0 11.268-6.8 20.402-15.2 20.402-8.401 0-15.202-9.134-15.202-20.402v-244.95c0-11.268 6.8-20.468 15.201-20.468zm81.606 0c8.4 0 15.134 9.134 15.134 20.401v245.017c0 11.268-6.8 20.402-15.134 20.402s-15.135-9.134-15.135-20.402v-244.95c0-11.268 6.801-20.468 15.135-20.468zm81.672 0c8.334 0 15.135 9.134 15.135 20.401v245.017c0 11.268-6.8 20.402-15.135 20.402-8.334 0-15.134-9.134-15.134-20.402v-244.95c0-11.268 6.8-20.468 15.134-20.468z" fill="#dcdede"/></svg>

sites/all/themes/custom/edlptheme/assets/img/trash.svg

@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 1000 1000"
+   enable-background="new 0 0 1000 1000"
+   xml:space="preserve"
+   id="svg6"
+   sodipodi:docname="trash.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
+   id="metadata12"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+   id="defs10" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1920"
+   inkscape:window-height="1145"
+   id="namedview8"
+   showgrid="false"
+   inkscape:zoom="0.6675088"
+   inkscape:cx="430.97172"
+   inkscape:cy="462.22348"
+   inkscape:window-x="0"
+   inkscape:window-y="28"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="g4" />
+<g
+   id="g4"><path
+     d="m 724.58249,377.4414 v 367.49247 c 0,45.1365 -36.5359,81.6724 -81.6724,81.6724 H 357.02334 c -45.1365,0 -81.6724,-36.5359 -81.6724,-81.6724 V 377.4414 c -22.53492,0 -40.86954,-18.26795 -40.86954,-40.80287 v -40.86954 c 0,-22.53491 18.26795,-40.80286 40.86954,-40.80286 h 122.47527 v -40.86954 c 0,-22.53492 18.26795,-40.80287 40.80286,-40.80287 h 122.47527 c 22.53492,0 40.86954,18.26795 40.86954,40.80287 v 40.80287 h 122.54194 c 22.53491,0 40.80286,18.26795 40.80286,40.80286 v 40.93621 c 0.0667,22.53492 -18.20127,40.80287 -40.73619,40.80287 z m -418.09603,0 v 378.02654 c 0,22.53492 17.53456,40.86954 40.06948,40.86954 h 306.82155 c 22.53492,0 40.86954,-18.26795 40.86954,-40.86954 V 377.4414 c -23.00162,0 -359.69193,0 -387.76057,0 z M 428.22834,254.96613 v -30.93551 c 0,-11.26746 9.13398,-20.40143 20.40144,-20.40143 h 102.67387 c 11.26746,0 20.40144,9.13397 20.40144,20.40143 v 30.86884 c -19.80139,0.0667 -143.47675,0.0667 -143.47675,0.0667 m 286.42012,30.40213 H 285.28497 c -11.26746,0 -20.40143,17.26788 -20.40143,30.80217 0,13.53428 9.13397,30.80216 20.40143,30.80216 h 429.36349 c 11.26746,0 20.40143,-17.26788 20.40143,-30.80216 0,-13.53429 -9.13397,-30.80217 -20.40143,-30.80217 z M 420.56114,459.1138 c 8.40059,0 15.20107,9.13397 15.20107,20.40143 v 245.01721 c 0,11.26746 -6.80048,20.40143 -15.20107,20.40143 -8.40059,0 -15.20107,-9.13397 -15.20107,-20.40143 V 479.5819 c 0,-11.26746 6.80048,-20.4681 15.20107,-20.4681 z m 81.60573,0 c 8.40059,0 15.1344,9.13397 15.1344,20.40143 v 245.01721 c 0,11.26746 -6.80048,20.40143 -15.1344,20.40143 -8.33392,0 -15.1344,-9.13397 -15.1344,-20.40143 V 479.5819 c 0,-11.26746 6.80048,-20.4681 15.1344,-20.4681 z m 81.6724,0 c 8.33392,0 15.1344,9.13397 15.1344,20.40143 v 245.01721 c 0,11.26746 -6.80048,20.40143 -15.1344,20.40143 -8.33392,0 -15.13439,-9.13397 -15.13439,-20.40143 V 479.5819 c 0,-11.26746 6.80047,-20.4681 15.13439,-20.4681 z"
+     id="path2"
+     style="fill:#dcdede;fill-opacity:1;stroke-width:1"
+     inkscape:connector-curvature="0" /></g>
+</svg>

sites/all/themes/custom/edlptheme/assets/styles/app.scss

@@ -1363,11 +1363,18 @@ main[role="main"]{
 
           .remove-drop-zone{
             position: absolute;
-            top:0; left:0; width:100%; height:45%;
+            top:0; left:0; width:100%; height:15%;
             z-index: 150;
-            // &.ui-droppable-hover{
-            //   background-color: red;
-            // }
+            border-radius: 5px;
+            border: 1px dotted rgb(193, 193, 193);
+            background-image: url('../img/trash.svg');
+            background-repeat: no-repeat;
+            background-position: right bottom;
+            background-size: contain;
+            &.ui-droppable-hover{
+              background-color: rgb(241, 240, 240);
+              // background-color: red;
+            }
           }
         }
         >.actions{