Allow for wrapping current node element when there is no selection

[fnpeditor.git] / modules / documentCanvas / canvas / widgets.less

diff --git a/modules/documentCanvas/canvas/widgets.less b/modules/documentCanvas/canvas/widgets.less
index 484385f..0f43c89 100644 (file)
--- a/modules/documentCanvas/canvas/widgets.less
+++ b/modules/documentCanvas/canvas/widgets.less
@@ -1,6 +1,7 @@
 [document-node-element] {
     .canvas-widgets {
         display: inline;
+        text-indent: 0;
     }
 
     .canvas-widget {
@@ -23,4 +24,37 @@
         z-index:9999;
         white-space: nowrap;
     }
+
+
+
+    .canvas-widget-footnote-handle {
+        display: inline;
+        outline: 0px solid transparent;
+        cursor: pointer;
+        counter-increment: footnote;
+        vertical-align: super;
+        color: blue;
+        font-size: .8em;
+
+        &::before, {
+            content: "[" counter(footnote) "]";
+        }
+    }
+
+    .canvas-widget-hide-button {
+        @line_height: 12px;
+        @padding: 2px;
+        @temporary_footnote_hack: 10px;
+
+        position: absolute;
+        top: -(@line_height + 2 * @padding) + @temporary_footnote_hack;
+        right: 0;
+        line-height: @line_height;
+        padding: @padding;
+        font-weight: bold;
+        color: white;
+        background-image: linear-gradient(to bottom,#ee5f5b,#bd362f);
+        border-radius: 1px;
+        cursor: pointer;
+    }
 }
\ No newline at end of file