added a blocklistentryeditor for unsupported blocks

2020-06-16 14:36:14 +02:00
parent d2b329cdb5
commit 8c428622d1
4 changed files with 42 additions and 0 deletions
@@ -206,6 +206,7 @@
@import "../views/propertyeditors/blocklist/prevalue/blocklist.blockconfiguration.less";
@import "../views/propertyeditors/blocklist/prevalue/blocklist.blockconfiguration.overlay.less";
@import "../views/propertyeditors/notsupported/notsupported.less";
+@import "../views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.less";
@import "../views/propertyeditors/blocklist/blocklistentryeditors/labelblock/labelblock.editor.less";
@import "../views/propertyeditors/blocklist/blocklistentryeditors/inlineblock/inlineblock.editor.less";

@@ -199,6 +199,7 @@
@ui-btn-positive-type:          @white;

@ui-btn-negative:               @red;
+@ui-btn-negative-type:          @white;
@ui-btn-negative-hover:         @red;

@ui-icon:             @blueNight;
@@ -0,0 +1,4 @@
+<button type="button" class="btn-reset umb-outline blockelement-unsupportedblock-editor blockelement__draggable-element" ng-focus="block.focus">
+    <i class="icon icon-alert"></i>
+    <span>{{block.label}}</span>
+</button>
@@ -0,0 +1,36 @@
+.blockelement-unsupportedblock-editor {
+
+    position: relative;
+    display: block;
+    margin-bottom: 4px;
+    margin-top: 4px;
+    width: 100%;
+    min-height: 48px;
+    border: 1px solid @gray-9;
+    border-radius: @baseBorderRadius;
+
+    cursor: pointer;
+    color: @ui-action-discreet-type;
+
+    text-align: left;
+    padding-left: 20px;
+    padding-bottom: 2px;
+
+    user-select: none;
+
+    transition: border-color 120ms;
+    
+    background-color: @ui-btn-negative;
+    color: @ui-btn-negative-type;
+    
+    i {
+        font-size: 22px;
+        margin-right: 5px;
+        display: inline-block;
+        vertical-align: middle;
+    }
+    span {
+        display: inline-block;
+        vertical-align: middle;
+    }
+}