Fix only-child operator + condition hovering

playground/static/playground/css/styles.css

@@ -958,10 +958,20 @@ li.axis { position: relative; }
   position: absolute;
   top: 4.5em;
   bottom: .5em;
-  left: var(--row-indent);
+  left: calc(var(--row-indent) - 20px); /* indent - (width / 2) */
+  width: 40px;
   display: none;
 }
 
+/* .score__line:only-child > .axis-row > .sublines__metadata__wrapper { */
+.score__line[data-len="1"] > .axis-row > .sublines__metadata__wrapper .tag:before {
+    content: ""!important;
+}
+
+
+
+
+
 
 [data-sublines="true"][data-collapsed="false"] > .axis-row > .sublines__metadata__wrapper {
   display: block;
@@ -989,8 +999,6 @@ li.axis { position: relative; }
   z-index: 1;
   font-weight: lighter;
   position: relative;
-  left: -50%;
-  /* left: calc(var(--row-indent) - 50%); */
 }
 
 
@@ -1015,8 +1023,6 @@ li.axis { position: relative; }
   border-radius: .8em/50%;
   z-index: 1;
   position: relative;
-  /* left: calc(var(--row-indent) - 50%); */
-  left: -50%;
 }
 
 

playground/static/playground/js/models.js

@@ -312,6 +312,10 @@ window.W = window.W || {};
             return _.reduce(this.get('sublines').models, function (depth, line) { return Math.max(line.getDepth(), depth); }, 0) + 1;
         },
 
+        getChildCount: function () {
+            return this.get('sublines').length;
+        },
+
         addSubLine: function () {
             var sublines = this.get('sublines');
             var title = "Sous axe " + (sublines.length + 1);

playground/static/playground/js/views.js

@@ -931,11 +931,11 @@ window.W = window.W || {};
         tagName: 'li',
         className: 'axis score__line line',
 
-        // attributes: function () {
-        //     return {
-        //         id: "foo-" + this.model.get("title")
-        //     }
-        // },
+        attributes: function () {
+            return {
+                'data-len': this.model.getChildCount()
+            }
+        },
 
         template: '#node-template-vue',