fix sockets on wb-contains

waterbearlang · Dec 31, 2019 · 8393046 · 8393046
1 parent 1b899fd
commit 8393046
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 12 deletions.
diff --git a/css/app.css b/css/app.css
@@ -207,16 +207,16 @@ wb-workspace > wb-contains {
     padding-bottom: 16px;
 }
 
-wb-contains:empty::before {
+/* wb-contains:empty::before {
     display: block;
     content: "Drag Blocks Here";
-    /* FIXME: Localization problem, all localizable content should be in HTML text */
+    // FIXME: Localization problem, all localizable content should be in HTML text 
     width: 100%;
     height: 20px;
     text-align: center;
     margin-top: auto;
     margin-bottom: auto;
-}
+} */
 
 
 /* Accordion Colors and Icons */

diff --git a/css/block.css b/css/block.css
@@ -73,12 +73,21 @@ wb-step > svg.tab, wb-context > svg.tab{
      fill: white;
  }
 
- wb-contains > svg.slot{
+ /* wb-contains > svg.slot{
      position: absolute;
      display: block;
      left: 34px;
      top: -12px;
      fill: white;
+ } */
+
+ wb-contains::before{
+    content: url("../images/tab.svg");
+    position: absolute;
+    display: block;
+    left: 34px;
+    top: -12px;
+    fill: white;
  }
 
  wb-step, wb-context{
@@ -233,7 +242,7 @@ wb-context > wb-contains {
     background-color: rgba(255, 255, 255, 1.0);
     position: relative;
     margin-bottom: 0;
-    padding-top: 2px;
+    padding-top: 3px;
     padding-left: 5px;
     padding-bottom: 10px;
     border-top-left-radius: 10px;

diff --git a/images/tab.svg b/images/tab.svg
diff --git a/js/block.js b/js/block.js
@@ -139,8 +139,8 @@
     }
 
     function setDefaultSlot(element){
-        let tab = dom.child(element, 'svg.slot');
-        if (!tab){
+        let slot = dom.child(element, 'svg.slot');
+        if (!slot){
             element.append(dom.svg('svg', {'class': 'slot', width: 40, height: 12}, [dom.svg('path', {d: tabPath})]));
         }
     }
@@ -1039,10 +1039,6 @@
 
     var ContainsProto = Object.create(HTMLElement.prototype);
 
-    ContainsProto.createdCallback = function containsCreated(){
-        setDefaultSlot(this);
-    };
-
     /* You sure love Object.defineProperty, dontcha, Eddie? */
     Object.defineProperty(ContainsProto, 'firstInstruction', {
         get: function() {