Remove less

packages/mindplot/package.json

@@ -62,8 +62,6 @@
         "html-webpack-plugin": "^5.3.2",
         "jest-diff": "^27.4.2",
         "jest-webpack": "^0.5.1",
-        "less": "^4.1.2",
-        "less-loader": "^10.2.0",
         "mocha": "^9.1.3",
         "nodemon": "^2.0.12",
         "start-server-and-test": "^1.14.0",

packages/mindplot/test/playground/map-render/css/compatibility.css

@@ -132,7 +132,6 @@ body * {
 }
 
 body {
-    //    font: normal 80% "Helvetica Neue",Helvetica,Arial,sans-serif;
     background-color: #fff;
 }
 

packages/mindplot/test/playground/map-render/css/editor.css

@@ -1,9 +1,9 @@
-@import "compatibility.less";
+@import "compatibility.css";
 
 /********************************************************************************/
 /* Header & Toolbar Styles */
 /********************************************************************************/
-@import "header.less";
+@import "header.css";
 @import "../bootstrap/css/bootstrap.min.css";
 
 body {
@@ -18,7 +18,7 @@ body {
 
 div#mindplot {
     position: relative;
-    top: @header-toolbar-height;
+    top: 50px;
     left: 0;
     width: 100%;
     height: 100%;

packages/mindplot/test/playground/map-render/css/embedded.css

@@ -1,4 +1,4 @@
-@import "editor.less";
+@import "editor.css";
 
 /* Overwrite some styles */
 body {

packages/mindplot/test/playground/map-render/css/header.css

@@ -1,4 +1,4 @@
-@header-toolbar-height : 50px;
+@import "toolbar.css";
 
 div#header {
     width: 100%;
@@ -77,6 +77,4 @@ div#toolbarRight {
 
 .actionButton:hover {
     transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-}
+}
-
-@import "toolbar.less";

packages/mindplot/test/playground/map-render/css/toolbar.css

@@ -3,13 +3,12 @@ div#toolbar {
     height: 50px;
     box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
     background-color: #fff;
-    // TODO: make toolbar responsive
     min-width: 900px;
     overflow: hidden;
 }
 
 div#toolbar .buttonContainer {
-    height: @header-toolbar-height;
+    height: 50px;
     padding-top: 8px;
     padding-right: 10px;
     padding-left: 10px;
@@ -54,17 +53,14 @@ div#toolbar .buttonOn:hover {
 div#toolbar .buttonOn:hover {
     cursor: pointer;
     opacity: 1;
-    // background: url(../images/btn-bg-hover.png) no-repeat center top;
 }
 
 div#toolbar .buttonOn {
     opacity: 0.8;
-    // background: url(../images/btn-bg-normal.png) no-repeat center top;
 }
 
 div#toolbar .buttonOff {
     opacity: 0.4;
-    // background: url(../images/btn-bg-normal.png) no-repeat center top;
 }
 
 div#exportAnchor {
@@ -92,24 +88,19 @@ div#toolbar .buttonExtOn:hover {
 
 div#toolbar .buttonExtOn:hover {
     opacity: 1;
-    // background: url(../images/btne-bg-hover.png) no-repeat center top;
-
 }
 
 div#toolbar .buttonExtActive {
     opacity: 1;
-    // background: url(../images/btne-bg-selected.png) no-repeat center top;
 }
 
 div#toolbar .buttonExtOn {
     opacity: 0.8;
     cursor: pointer
-    // background: url(../images/btne-bg-normal.png) no-repeat center top;
 }
 
 div#toolbar .buttonExtOff {
     opacity: 0.4;
-    // background: url(../images/btne-bg-normal.png) no-repeat center top;
 }
 
 div#exportAnchor {

packages/mindplot/test/playground/map-render/css/viewmode.css

@@ -1,4 +1,4 @@
-@import "editor.less";
+@import "editor.css";
 
 /* Overwrite some styles */
 body {
@@ -27,4 +27,8 @@ div#footer-logo {
 
 #floating-panel {
     bottom: 80px;
+}
+
+div#mindplot {
+    top:0;
 }

packages/mindplot/test/playground/map-render/js/editor.js

@@ -1,4 +1,4 @@
-import '../css/editor.less';
+import '../css/editor.css';
 import { buildDesigner } from '../../../../src/components/DesignerBuilder';
 import { PersistenceManager, LocalStorageManager } from '../../../../src';
 import LoadingModal from '../../../../src/components/widget/LoadingModal';

packages/mindplot/test/playground/map-render/js/embedded.js

@@ -1,4 +1,4 @@
-import '../css/embedded.less';
+import '../css/embedded.css';
 import { buildDesigner } from '../../../../src/components/DesignerBuilder';
 import { PersistenceManager, LocalStorageManager } from '../../../../src';
 import DesignerOptionsBuilder from '../../../../src/components/DesignerOptionsBuilder';

packages/mindplot/test/playground/map-render/js/viewmode.js

@@ -1,4 +1,4 @@
-import '../css/viewmode.less';
+import '../css/viewmode.css';
 import { buildDesigner } from '../../../../src/components/DesignerBuilder';
 import { PersistenceManager, LocalStorageManager } from '../../../../src';
 import DesignerOptionsBuilder from '../../../../src/components/DesignerOptionsBuilder';

packages/mindplot/webpack.playground.js

@@ -21,12 +21,11 @@ const playgroundConfig = {
   module: {
     rules: [
       {
-        test: /\.less$/i,
+        test: /\.css$/i,
         use: [
           // compiles Less to CSS
           'style-loader',
           'css-loader?url=false',
-          'less-loader',
         ],
       },
     ],