Quellcode durchsuchen

HUE-8687 [frontend] Fix less generation and add style linter

Johan Ahlen vor 6 Jahren
Ursprung
Commit
0d0a776cb9
72 geänderte Dateien mit 1567 neuen und 607 gelöschten Zeilen
  1. 7 0
      .stylelintrc.json
  2. 3 2
      Gruntfile.js
  3. 10 10
      apps/filebrowser/src/filebrowser/static/filebrowser/less/listdir_components.less
  4. 6 6
      apps/hbase/src/hbase/static/hbase/less/hbase.less
  5. 14 14
      apps/jobbrowser/src/jobbrowser/static/jobbrowser/less/jobbrowser-embeddable.less
  6. 4 4
      apps/metastore/src/metastore/static/metastore/less/metastore.less
  7. 2 2
      apps/oozie/src/oozie/static/oozie/less/common-editor.less
  8. 2 2
      apps/oozie/src/oozie/static/oozie/less/coordinator.less
  9. 1 1
      apps/oozie/src/oozie/static/oozie/less/workflow-editor.less
  10. 17 17
      apps/oozie/src/oozie/static/oozie/less/workflow.less
  11. 5 5
      apps/security/src/security/static/security/less/security.less
  12. 1 1
      apps/sqoop/src/sqoop/static/sqoop/less/sqoop.less
  13. 0 0
      desktop/core/src/desktop/static/desktop/css/home.css
  14. 0 0
      desktop/core/src/desktop/static/desktop/css/hue-bootstrap-embedded.css
  15. 0 0
      desktop/core/src/desktop/static/desktop/css/hue-embedded.css
  16. 0 0
      desktop/core/src/desktop/static/desktop/css/hue.css
  17. 0 0
      desktop/core/src/desktop/static/desktop/css/hue3-extra.css
  18. 0 0
      desktop/core/src/desktop/static/desktop/css/login.css
  19. 7 0
      desktop/core/src/desktop/static/desktop/less/components/hue-breadcrumbs.less
  20. 3 1
      desktop/core/src/desktop/static/desktop/less/components/hue-catalog-entries-table.less
  21. 0 1
      desktop/core/src/desktop/static/desktop/less/components/hue-clearable.less
  22. 7 7
      desktop/core/src/desktop/static/desktop/less/components/hue-demi-modal.less
  23. 18 13
      desktop/core/src/desktop/static/desktop/less/components/hue-dw-sidebar.less
  24. 1 2
      desktop/core/src/desktop/static/desktop/less/components/hue-execution-analysis.less
  25. 5 3
      desktop/core/src/desktop/static/desktop/less/components/hue-filechooser.less
  26. 11 2
      desktop/core/src/desktop/static/desktop/less/components/hue-gridster.less
  27. 6 3
      desktop/core/src/desktop/static/desktop/less/components/hue-hamburger.less
  28. 6 2
      desktop/core/src/desktop/static/desktop/less/components/hue-inputautocomplete.less
  29. 5 6
      desktop/core/src/desktop/static/desktop/less/components/hue-multi-cluster-sidebar.less
  30. 3 4
      desktop/core/src/desktop/static/desktop/less/components/hue-nav-properties.less
  31. 2 2
      desktop/core/src/desktop/static/desktop/less/components/hue-notify.less
  32. 2 3
      desktop/core/src/desktop/static/desktop/less/components/hue-performance-graph.less
  33. 30 7
      desktop/core/src/desktop/static/desktop/less/components/hue-popover.less
  34. 17 9
      desktop/core/src/desktop/static/desktop/less/components/hue-qq-upload.less
  35. 11 0
      desktop/core/src/desktop/static/desktop/less/components/hue-query-builder.less
  36. 5 4
      desktop/core/src/desktop/static/desktop/less/components/hue-ribbon.less
  37. 7 4
      desktop/core/src/desktop/static/desktop/less/components/hue-scroll-anchor.less
  38. 5 2
      desktop/core/src/desktop/static/desktop/less/components/hue-scrollbar.less
  39. 8 7
      desktop/core/src/desktop/static/desktop/less/components/hue-selectize.less
  40. 9 2
      desktop/core/src/desktop/static/desktop/less/components/hue-selector.less
  41. 41 32
      desktop/core/src/desktop/static/desktop/less/components/hue-shepherd.less
  42. 11 6
      desktop/core/src/desktop/static/desktop/less/components/hue-sidebar.less
  43. 3 3
      desktop/core/src/desktop/static/desktop/less/components/hue-simple-ace.less
  44. 6 3
      desktop/core/src/desktop/static/desktop/less/components/hue-spinner.less
  45. 46 24
      desktop/core/src/desktop/static/desktop/less/components/hue-tables.less
  46. 15 1
      desktop/core/src/desktop/static/desktop/less/components/hue-wizard.less
  47. 0 3
      desktop/core/src/desktop/static/desktop/less/cui/extra-variables.less
  48. 143 143
      desktop/core/src/desktop/static/desktop/less/cui/variables.less
  49. 13 6
      desktop/core/src/desktop/static/desktop/less/home.less
  50. 1 1
      desktop/core/src/desktop/static/desktop/less/httperrors.less
  51. 65 39
      desktop/core/src/desktop/static/desktop/less/hue-assist.less
  52. 12 6
      desktop/core/src/desktop/static/desktop/less/hue-autocomplete.less
  53. 2 2
      desktop/core/src/desktop/static/desktop/less/hue-bootstrap-embedded.less
  54. 1 1
      desktop/core/src/desktop/static/desktop/less/hue-c3-overrides.less
  55. 57 31
      desktop/core/src/desktop/static/desktop/less/hue-cross-version.less
  56. 19 8
      desktop/core/src/desktop/static/desktop/less/hue-cui-overrides.less
  57. 5 2
      desktop/core/src/desktop/static/desktop/less/hue-embedded.less
  58. 7 5
      desktop/core/src/desktop/static/desktop/less/hue-helpers.less
  59. 18 20
      desktop/core/src/desktop/static/desktop/less/hue-mixins.less
  60. 42 22
      desktop/core/src/desktop/static/desktop/less/hue-multi-cluster-icons.less
  61. 1 3
      desktop/core/src/desktop/static/desktop/less/hue.less
  62. 18 12
      desktop/core/src/desktop/static/desktop/less/hue3-extra.less
  63. 60 27
      desktop/core/src/desktop/static/desktop/less/hue4.less
  64. 25 10
      desktop/core/src/desktop/static/desktop/less/login.less
  65. 1 1
      desktop/core/src/desktop/static/desktop/less/login4.less
  66. 5 5
      desktop/libs/dashboard/src/dashboard/static/dashboard/less/common_dashboard.less
  67. 3 3
      desktop/libs/dashboard/src/dashboard/static/dashboard/less/search.less
  68. 3 3
      desktop/libs/indexer/src/indexer/static/indexer/less/importer.less
  69. 1 1
      desktop/libs/notebook/src/notebook/static/notebook/css/notebook-layout.css
  70. 30 30
      desktop/libs/notebook/src/notebook/static/notebook/less/notebook.less
  71. 666 3
      package-lock.json
  72. 7 3
      package.json

+ 7 - 0
.stylelintrc.json

@@ -0,0 +1,7 @@
+{
+  "extends": "stylelint-config-standard",
+  "rules": {
+    "max-empty-lines": 4,
+    "no-descending-specificity": null
+  }
+}

+ 3 - 2
Gruntfile.js

@@ -31,7 +31,8 @@ module.exports = function(grunt) {
         options: {
         options: {
           paths: ['desktop/core/src/desktop/static/desktop/less'],
           paths: ['desktop/core/src/desktop/static/desktop/less'],
           compress: true,
           compress: true,
-          banner: '/*!\nLicensed to Cloudera, Inc. under one\nor more contributor license agreements.  See the NOTICE file\ndistributed with this work for additional information\nregarding copyright ownership.  Cloudera, Inc. licenses this file\nto you under the Apache License, Version 2.0 (the\n"License"); you may not use this file except in compliance\nwith the License.  You may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an "AS IS" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n */'
+          banner: '/*!\nLicensed to Cloudera, Inc. under one\nor more contributor license agreements.  See the NOTICE file\ndistributed with this work for additional information\nregarding copyright ownership.  Cloudera, Inc. licenses this file\nto you under the Apache License, Version 2.0 (the\n"License"); you may not use this file except in compliance\nwith the License.  You may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an "AS IS" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n */',
+          javascriptEnabled: true
         },
         },
         files: {
         files: {
           'desktop/core/src/desktop/static/desktop/css/hue-bootstrap-embedded.css': 'desktop/core/src/desktop/static/desktop/less/hue-bootstrap-embedded.less',
           'desktop/core/src/desktop/static/desktop/css/hue-bootstrap-embedded.css': 'desktop/core/src/desktop/static/desktop/less/hue-bootstrap-embedded.less',
@@ -99,6 +100,6 @@ module.exports = function(grunt) {
         ],
         ],
         tasks: ['less']
         tasks: ['less']
       }
       }
-    }
+    },
   });
   });
 };
 };

+ 10 - 10
apps/filebrowser/src/filebrowser/static/filebrowser/less/listdir_components.less

@@ -57,12 +57,12 @@
   background-color: @cui-gray-050;
   background-color: @cui-gray-050;
   border-top: 1px solid @cui-gray-200;
   border-top: 1px solid @cui-gray-200;
   bottom: 0;
   bottom: 0;
-  -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.1);
-  -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.1);
-  box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.1);
+  -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
+  -moz-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
+  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
   left: 0;
   left: 0;
   margin: 0;
   margin: 0;
-  padding: 0px;
+  padding: 0;
   position: fixed;
   position: fixed;
   width: 100%;
   width: 100%;
   z-index: 1001;
   z-index: 1001;
@@ -100,9 +100,9 @@
 }
 }
 
 
 .shadow {
 .shadow {
-  -webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.1);
-  -moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.1);
-  box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.1);
+  -webkit-box-shadow: 0 2px 3px rgba(50, 50, 50, 0.1);
+  -moz-box-shadow: 0 2px 3px rgba(50, 50, 50, 0.1);
+  box-shadow: 0 1px 2px rgba(50, 50, 50, 0.1);
 }
 }
 
 
 .scrollable {
 .scrollable {
@@ -199,15 +199,15 @@
 }
 }
 
 
 .row-selected {
 .row-selected {
-  background-color: @cui-gray-100!important;
+  background-color: @cui-gray-100 !important;
 }
 }
 
 
 .row-highlighted {
 .row-highlighted {
-  background-color: @cui-blue-050!important;
+  background-color: @cui-blue-050 !important;
 }
 }
 
 
 .row-deleted {
 .row-deleted {
-  background-color: @cui-pink-050!important;
+  background-color: @cui-pink-050 !important;
 }
 }
 
 
 .context-menu {
 .context-menu {

+ 6 - 6
apps/hbase/src/hbase/static/hbase/less/hbase.less

@@ -590,12 +590,12 @@
     color: @cui-blue-400;
     color: @cui-blue-400;
     font-weight: bold;
     font-weight: bold;
     background: @cui-gray-900; /* Old browsers */
     background: @cui-gray-900; /* Old browsers */
-    background: -moz-linear-gradient(top, @cui-gray-900 0%, @cui-black 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @cui-gray-900), color-stop(100%, @cui-black)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, @cui-gray-900 0%, @cui-black 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, @cui-gray-900 0%, @cui-black 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top, @cui-gray-900 0%, @cui-black 100%); /* IE10+ */
-    background: linear-gradient(to bottom, @cui-gray-900 0%, @cui-black 100%); /* W3C */
+    background: -moz-linear-gradient(top, @cui-gray-900 0, @cui-black 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, @cui-gray-900), color-stop(100%, @cui-black)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, @cui-gray-900 0, @cui-black 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, @cui-gray-900 0, @cui-black 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, @cui-gray-900 0, @cui-black 100%); /* IE10+ */
+    background: linear-gradient(to bottom, @cui-gray-900 0, @cui-black 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-gray-900', endColorstr='@cui-black', GradientType=0); /* IE6-9 */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-gray-900', endColorstr='@cui-black', GradientType=0); /* IE6-9 */
     border-color: @cui-gray-800;
     border-color: @cui-gray-800;
     box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
     box-shadow: 0 3px 5px rgba(0, 0, 0, .3);

+ 14 - 14
apps/jobbrowser/src/jobbrowser/static/jobbrowser/less/jobbrowser-embeddable.less

@@ -19,7 +19,7 @@
 
 
 .jobbrowser-mini {
 .jobbrowser-mini {
   .span12.no-margin {
   .span12.no-margin {
-    margin-left: 0!important;
+    margin-left: 0 !important;
   }
   }
 }
 }
 
 
@@ -100,8 +100,8 @@
     }
     }
     .metric {
     .metric {
       position: absolute;
       position: absolute;
-      top: 0px;
-      right: 0px;
+      top: 0;
+      right: 0;
     }
     }
     .name {
     .name {
       text-transform: capitalize;
       text-transform: capitalize;
@@ -174,7 +174,7 @@
     .buttons {
     .buttons {
       position: absolute;
       position: absolute;
       background-color: white;
       background-color: white;
-      box-shadow: 0px 0px 5px 0px;
+      box-shadow: 0 0 5px 0;
       right: 45px;
       right: 45px;
       bottom: 5px;
       bottom: 5px;
       color: @cui-gray-600;
       color: @cui-gray-600;
@@ -236,10 +236,10 @@
     }
     }
     .details {
     .details {
       background-color: @cui-white;
       background-color: @cui-white;
-      box-shadow: 0px 0px 10px 0px;
+      box-shadow: 0 0 10px 0;
       color: @cui-gray-600;
       color: @cui-gray-600;
       position: absolute;
       position: absolute;
-      top: 0px;
+      top: 0;
       right: -164px;
       right: -164px;
       width: 200px;
       width: 200px;
       height: 100%;
       height: 100%;
@@ -248,27 +248,27 @@
         background-color: @cui-gray-300;
         background-color: @cui-gray-300;
         width: calc(~"100% - 10px");
         width: calc(~"100% - 10px");
         margin-left: 5px;
         margin-left: 5px;
-        padding: 0px;
+        padding: 0;
         height: 1px;
         height: 1px;
       }
       }
       h3 {
       h3 {
         display: inline-block;
         display: inline-block;
-        margin: 0px;
+        margin: 0;
       }
       }
       h4 {
       h4 {
-        margin: 0px;
+        margin: 0;
         display: inline-block;
         display: inline-block;
       }
       }
       h5 {
       h5 {
-        margin: 0px;
+        margin: 0;
         display: inline-block;
         display: inline-block;
       }
       }
       ol {
       ol {
         list-style-type: none;
         list-style-type: none;
-        margin: 0px;
+        margin: 0;
       }
       }
       ul {
       ul {
-        margin: 0px;
+        margin: 0;
       }
       }
       .details-content {
       .details-content {
         overflow: scroll;
         overflow: scroll;
@@ -285,7 +285,7 @@
         cursor: pointer;
         cursor: pointer;
         padding: 4px;
         padding: 4px;
         .fa {
         .fa {
-          padding-top: 0px;
+          padding-top: 0;
           line-height: 40px;
           line-height: 40px;
           padding-right: 2px;
           padding-right: 2px;
         }
         }
@@ -364,7 +364,7 @@
   }
   }
   .query-plan.open {
   .query-plan.open {
     .details {
     .details {
-      right: 0px;
+      right: 0;
       display: flex;
       display: flex;
       .details-content {
       .details-content {
         visibility: visible;
         visibility: visible;

+ 4 - 4
apps/metastore/src/metastore/static/metastore/less/metastore.less

@@ -62,9 +62,9 @@
   }
   }
 
 
   h2.card-heading {
   h2.card-heading {
-    border-bottom: 1px solid @cui-gray-100!important;
-    font-size: 12px!important;
-    font-weight: bold!important;
+    border-bottom: 1px solid @cui-gray-100 !important;
+    font-size: 12px !important;
+    font-weight: bold !important;
   }
   }
 
 
   .filter-box {
   .filter-box {
@@ -149,7 +149,7 @@
   }
   }
 
 
   .editable-breadcrumb-input {
   .editable-breadcrumb-input {
-    padding: 0!important;
+    padding: 0 !important;
   }
   }
 
 
   .editable-breadcrumb-input input {
   .editable-breadcrumb-input input {

+ 2 - 2
apps/oozie/src/oozie/static/oozie/less/common-editor.less

@@ -60,11 +60,11 @@ input[type="text"].filechooser-input, input[type="text"].half {
 }
 }
 
 
 input[type="text"].seventy, textarea.seventy {
 input[type="text"].seventy, textarea.seventy {
-  width: 70%!important;
+  width: 70% !important;
 }
 }
 
 
 input[type="text"].thirty {
 input[type="text"].thirty {
-  width: 30%!important;
+  width: 30% !important;
 }
 }
 
 
 input[type="text"].with-errors, textarea.with-errors {
 input[type="text"].with-errors, textarea.with-errors {

+ 2 - 2
apps/oozie/src/oozie/static/oozie/less/coordinator.less

@@ -94,11 +94,11 @@
 
 
 
 
 div.spinedit .fa-chevron-up {
 div.spinedit .fa-chevron-up {
-  top: -6px!important;
+  top: -6px !important;
 }
 }
 
 
 div.spinedit .fa-chevron-down {
 div.spinedit .fa-chevron-down {
-  top: 5px!important;;
+  top: 5px !important;;
 }
 }
 
 
 .label-ignored {
 .label-ignored {

+ 1 - 1
apps/oozie/src/oozie/static/oozie/less/workflow-editor.less

@@ -95,7 +95,7 @@
     z-index: 11;
     z-index: 11;
     overflow-x: auto;
     overflow-x: auto;
     border: 1px solid @cui-gray-300 !important;
     border: 1px solid @cui-gray-300 !important;
-    min-height: 40px!important;
+    min-height: 40px !important;
   }
   }
 
 
   .card-widget h2, .card-widget .card-body {
   .card-widget h2, .card-widget .card-body {

+ 17 - 17
apps/oozie/src/oozie/static/oozie/less/workflow.less

@@ -44,7 +44,7 @@ ul {
 }
 }
 
 
 .action, .editor-action {
 .action, .editor-action {
-  border: 0!important;
+  border: 0 !important;
   padding: 0;
   padding: 0;
 }
 }
 
 
@@ -91,7 +91,7 @@ ul {
 
 
 .popover {
 .popover {
   z-index: 2060 !important;
   z-index: 2060 !important;
-  margin-left: 166px!important;
+  margin-left: 166px !important;
 }
 }
 
 
 .control-group.error .CodeMirror {
 .control-group.error .CodeMirror {
@@ -182,19 +182,19 @@ ul {
 }
 }
 
 
 .action .btn-mini i, .editor-action .btn-mini i {
 .action .btn-mini i, .editor-action .btn-mini i {
-  line-height: 18px!important;
+  line-height: 18px !important;
 }
 }
 
 
 .gradient {
 .gradient {
   background: @cui-gray-050; /* Old browsers */
   background: @cui-gray-050; /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
-  background: -moz-linear-gradient(top,  @cui-gray-050 0%, @cui-white 100%); /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@cui-gray-050), color-stop(100%,@cui-white)); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top,  @cui-gray-050 0%,@cui-white 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top,  @cui-gray-050 0%,@cui-white 100%); /* Opera 11.10+ */
-  background: -ms-linear-gradient(top,  @cui-gray-050 0%,@cui-white 100%); /* IE10+ */
-  background: linear-gradient(to bottom,  @cui-gray-050 0%,@cui-white 100%); /* W3C */
+  background: -moz-linear-gradient(top,  @cui-gray-050 0, @cui-white 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0,@cui-gray-050), color-stop(100%,@cui-white)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top,  @cui-gray-050 0,@cui-white 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top,  @cui-gray-050 0,@cui-white 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top,  @cui-gray-050 0,@cui-white 100%); /* IE10+ */
+  background: linear-gradient(to bottom,  @cui-gray-050 0,@cui-white 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@cui-gray-050', endColorstr='@cui-white',GradientType=0 ); /* IE6-8 */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@cui-gray-050', endColorstr='@cui-white',GradientType=0 ); /* IE6-8 */
 }
 }
 
 
@@ -202,18 +202,18 @@ ul {
   background: @cui-white; /* Old browsers */
   background: @cui-white; /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
-  background: -moz-linear-gradient(top,  @cui-white 0%, @cui-gray-050 100%); /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@cui-white), color-stop(100%,@cui-gray-050)); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top,  @cui-white 0%,@cui-gray-050 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top,  @cui-white 0%,@cui-gray-050 100%); /* Opera 11.10+ */
-  background: -ms-linear-gradient(top,  @cui-white 0%,@cui-gray-050 100%); /* IE10+ */
-  background: linear-gradient(to bottom,  @cui-white 0%,@cui-gray-050 100%); /* W3C */
+  background: -moz-linear-gradient(top,  @cui-white 0, @cui-gray-050 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0,@cui-white), color-stop(100%,@cui-gray-050)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top,  @cui-white 0,@cui-gray-050 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top,  @cui-white 0,@cui-gray-050 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top,  @cui-white 0,@cui-gray-050 100%); /* IE10+ */
+  background: linear-gradient(to bottom,  @cui-white 0,@cui-gray-050 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@cui-white', endColorstr='@cui-gray-050',GradientType=0 ); /* IE6-8 */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@cui-white', endColorstr='@cui-gray-050',GradientType=0 ); /* IE6-8 */
 }
 }
 
 
 .editor-action-body {
 .editor-action-body {
   text-align:left;
   text-align:left;
   padding:10px;
   padding:10px;
-  border:1px solid @cui-gray-300!important;
-  border-top:0!important;
+  border:1px solid @cui-gray-300 !important;
+  border-top:0 !important;
 }
 }

+ 5 - 5
apps/security/src/security/static/security/less/security.less

@@ -54,7 +54,7 @@
   }
   }
 
 
   .fa.striked {
   .fa.striked {
-    color: @cui-red-400!important;
+    color: @cui-red-400 !important;
   }
   }
 
 
   .node-row.selected {
   .node-row.selected {
@@ -238,7 +238,7 @@
   #createRoleModal, #bulkActionsModal, #grantPrivilegeModal {
   #createRoleModal, #bulkActionsModal, #grantPrivilegeModal {
     width: 800px;
     width: 800px;
     left: 50%;
     left: 50%;
-    margin-left: -400px!important;
+    margin-left: -400px !important;
   }
   }
 
 
 
 
@@ -289,12 +289,12 @@
   }
   }
 
 
   .fa-database-open {
   .fa-database-open {
-    color: @cui-gray-700!important;
+    color: @cui-gray-700 !important;
   }
   }
 
 
   .actionbar-main {
   .actionbar-main {
-    padding: 0!important;
-    padding-bottom: 10px!important;
+    padding: 0 !important;
+    padding-bottom: 10px !important;
   }
   }
 
 
   #grantPrivilegeModal .privilege-actions {
   #grantPrivilegeModal .privilege-actions {

+ 1 - 1
apps/sqoop/src/sqoop/static/sqoop/less/sqoop.less

@@ -52,7 +52,7 @@
   }
   }
 
 
   .sqoop-progress {
   .sqoop-progress {
-    width: 0%;
+    width: 0;
     background-color: @cui-orange-500;
     background-color: @cui-orange-500;
     height: 3px;
     height: 3px;
     margin-top: -2px;
     margin-top: -2px;

Datei-Diff unterdrückt, da er zu groß ist
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/home.css


Datei-Diff unterdrückt, da er zu groß ist
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue-bootstrap-embedded.css


Datei-Diff unterdrückt, da er zu groß ist
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue-embedded.css


Datei-Diff unterdrückt, da er zu groß ist
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


Datei-Diff unterdrückt, da er zu groß ist
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


Datei-Diff unterdrückt, da er zu groß ist
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/login.css


+ 7 - 0
desktop/core/src/desktop/static/desktop/less/components/hue-breadcrumbs.less

@@ -20,23 +20,29 @@
   font-size: 18px;
   font-size: 18px;
   list-style: none outside none;
   list-style: none outside none;
   padding: 9px 9px;
   padding: 9px 9px;
+
   li {
   li {
     display: inline-block;
     display: inline-block;
   }
   }
+
   .divider {
   .divider {
     color: @cui-gray-600;
     color: @cui-gray-600;
     padding: 0 5px;
     padding: 0 5px;
   }
   }
+
   .active a {
   .active a {
     color: @cui-gray-800;
     color: @cui-gray-800;
   }
   }
+
   a.nounderline:hover {
   a.nounderline:hover {
     text-decoration: none;
     text-decoration: none;
   }
   }
+
   & > li:last-child > a {
   & > li:last-child > a {
     font-weight: bold;
     font-weight: bold;
     color: @cui-gray-800;
     color: @cui-gray-800;
   }
   }
+
   & > li:last-child > span {
   & > li:last-child > span {
     display: none;
     display: none;
   }
   }
@@ -46,6 +52,7 @@
   padding: 8px 15px;
   padding: 8px 15px;
   margin: 0 0 20px;
   margin: 0 0 20px;
   list-style: none;
   list-style: none;
+
   .breadcrumb-link {
   .breadcrumb-link {
     line-height: 21px;
     line-height: 21px;
     font-size: 18px;
     font-size: 18px;

+ 3 - 1
desktop/core/src/desktop/static/desktop/less/components/hue-catalog-entries-table.less

@@ -18,6 +18,7 @@
 
 
 .catalog-entries-list-container {
 .catalog-entries-list-container {
   .flex(1 1 100%);
   .flex(1 1 100%);
+
   overflow: auto;
   overflow: auto;
 
 
   table .select-column {
   table .select-column {
@@ -48,6 +49,7 @@
     width: 20%;
     width: 20%;
     max-width: 400px;
     max-width: 400px;
     .nowrap-ellipsis();
     .nowrap-ellipsis();
+
     height: 24px;
     height: 24px;
   }
   }
 
 
@@ -76,4 +78,4 @@
   .entries-table-description {
   .entries-table-description {
     max-width: 400px;
     max-width: 400px;
   }
   }
-}
+}

+ 0 - 1
desktop/core/src/desktop/static/desktop/less/components/hue-clearable.less

@@ -37,4 +37,3 @@
 .clearable.onX {
 .clearable.onX {
   cursor: pointer !important;
   cursor: pointer !important;
 }
 }
-

+ 7 - 7
desktop/core/src/desktop/static/desktop/less/components/hue-demi-modal.less

@@ -27,13 +27,14 @@
   background-color: @cui-white;
   background-color: @cui-white;
   min-height: 210px;
   min-height: 210px;
   border: 1px solid @cui-gray-400;
   border: 1px solid @cui-gray-400;
-  -webkit-border-bottom-right-radius: 0px;
-  -webkit-border-bottom-left-radius: 0px;
-  -moz-border-radius-bottomright: 0px;
-  -moz-border-radius-bottomleft: 0px;
-  border-bottom-right-radius: 0px;
-  border-bottom-left-radius: 0px;
+  -webkit-border-bottom-right-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -moz-border-radius-bottomright: 0;
+  -moz-border-radius-bottomleft: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
   outline: none;
   outline: none;
+
   &.fade {
   &.fade {
     top: -500px;
     top: -500px;
     .hue-linear-transition(opacity);
     .hue-linear-transition(opacity);
@@ -62,7 +63,6 @@
   & .modal-footer {
   & .modal-footer {
     padding: 10px;
     padding: 10px;
   }
   }
-
 }
 }
 
 
 .demi-modal-half {
 .demi-modal-half {

+ 18 - 13
desktop/core/src/desktop/static/desktop/less/components/hue-dw-sidebar.less

@@ -24,11 +24,11 @@
 .hue-dw-brand {
 .hue-dw-brand {
   width: 247px;
   width: 247px;
   height: 50px;
   height: 50px;
-  position:fixed;
-  left:0;
-  top:0;
+  position: fixed;
+  left: 0;
+  top: 0;
   background-color: #333d52;
   background-color: #333d52;
-  z-index:500000;
+  z-index: 500000;
   transition: width @sidebar-animation-duration;
   transition: width @sidebar-animation-duration;
   overflow: hidden;
   overflow: hidden;
 
 
@@ -47,6 +47,7 @@
   position: relative;
   position: relative;
   .flex(0 0);
   .flex(0 0);
   .flex-basis(250px);
   .flex-basis(250px);
+
   transition: flex-basis @sidebar-animation-duration;
   transition: flex-basis @sidebar-animation-duration;
 
 
   .sidebar {
   .sidebar {
@@ -59,9 +60,9 @@
     background-color: #323543;
     background-color: #323543;
     box-shadow: 0 0 3px 0 @cui-gray-600;
     box-shadow: 0 0 3px 0 @cui-gray-600;
 
 
-    .fa:before {
+    .fa::before {
       font-size: 16px;
       font-size: 16px;
-      color: #B8BEC4;
+      color: #b8bec4;
     }
     }
 
 
     .sidebar-content {
     .sidebar-content {
@@ -76,18 +77,19 @@
     .sidebar-item {
     .sidebar-item {
       display: block;
       display: block;
       line-height: 36px;
       line-height: 36px;
-      color: #B8BEC4;
+      color: #b8bec4;
       white-space: nowrap;
       white-space: nowrap;
       font-size: 16px;
       font-size: 16px;
 
 
       .sidebar-caret {
       .sidebar-caret {
         opacity: 0;
         opacity: 0;
-        float:left;
+        float: left;
       }
       }
 
 
       .sidebar-icon {
       .sidebar-icon {
         float: left;
         float: left;
         padding: 0 16px 0 14px;
         padding: 0 16px 0 14px;
+
         &.with-tooltip {
         &.with-tooltip {
           display: none;
           display: none;
         }
         }
@@ -110,7 +112,7 @@
         opacity: 1;
         opacity: 1;
       }
       }
 
 
-      .fa:before {
+      .fa::before {
         color: #5eab41;
         color: #5eab41;
       }
       }
     }
     }
@@ -118,7 +120,8 @@
     .sidebar-item:not(.active):hover {
     .sidebar-item:not(.active):hover {
       background-color: #404350;
       background-color: #404350;
       color: @cui-white;
       color: @cui-white;
-      .fa:before {
+
+      .fa::before {
         background-color: #404350;
         background-color: #404350;
         color: @cui-white;
         color: @cui-white;
       }
       }
@@ -149,7 +152,7 @@
       line-height: 36px;
       line-height: 36px;
       width: 100%;
       width: 100%;
       text-align: right;
       text-align: right;
-      color: #B8BEC4;
+      color: #b8bec4;
       box-shadow: 0 0 3px 0 @cui-gray-600;
       box-shadow: 0 0 3px 0 @cui-gray-600;
 
 
       span {
       span {
@@ -159,7 +162,8 @@
       &:hover {
       &:hover {
         background-color: #404350;
         background-color: #404350;
         color: @cui-white;
         color: @cui-white;
-        .fa:before {
+
+        .fa::before {
           background-color: #404350;
           background-color: #404350;
           color: @cui-white;
           color: @cui-white;
         }
         }
@@ -173,7 +177,6 @@
     }
     }
   }
   }
 
 
-
   &.collapsed {
   &.collapsed {
     .flex-basis(49px);
     .flex-basis(49px);
 
 
@@ -186,12 +189,14 @@
       .sidebar-icon.without-tooltip {
       .sidebar-icon.without-tooltip {
         display: none;
         display: none;
       }
       }
+
       .sidebar-icon.with-tooltip {
       .sidebar-icon.with-tooltip {
         display: initial;
         display: initial;
       }
       }
 
 
       .sidebar-action-button {
       .sidebar-action-button {
         text-align: center;
         text-align: center;
+
         span {
         span {
           padding-right: 0;
           padding-right: 0;
         }
         }

+ 1 - 2
desktop/core/src/desktop/static/desktop/less/components/hue-execution-analysis.less

@@ -17,8 +17,7 @@
 */
 */
 
 
 .hue-execution-analysis {
 .hue-execution-analysis {
-
   .no-analysis {
   .no-analysis {
     font-style: italic;
     font-style: italic;
   }
   }
-}
+}

+ 5 - 3
desktop/core/src/desktop/static/desktop/less/components/hue-filechooser.less

@@ -22,7 +22,10 @@
   border-top: 1px dashed @cui-gray-100;
   border-top: 1px dashed @cui-gray-100;
 }
 }
 
 
-.pathChooser, .pathChooserKo, .pathFolderChooserKo, input[type="text"].filechooser-input {
+.pathChooser,
+.pathChooserKo,
+.pathFolderChooserKo,
+input[type="text"].filechooser-input {
   border-radius: 3px 0 0 3px !important;
   border-radius: 3px 0 0 3px !important;
   border-right: 0 !important;
   border-right: 0 !important;
 }
 }
@@ -52,7 +55,7 @@
   line-height: 20px;
   line-height: 20px;
   min-height: 20px;
   min-height: 20px;
   font-size: 1.25em;
   font-size: 1.25em;
-  padding-left: 4px!important;
+  padding-left: 4px !important;
 }
 }
 
 
 .filechooser-tree .hue-breadcrumbs > li:last-child > a {
 .filechooser-tree .hue-breadcrumbs > li:last-child > a {
@@ -64,4 +67,3 @@
   margin-top: 10px;
   margin-top: 10px;
   margin-right: 4px;
   margin-right: 4px;
 }
 }
-

+ 11 - 2
desktop/core/src/desktop/static/desktop/less/components/hue-gridster.less

@@ -20,27 +20,35 @@
   & > ul {
   & > ul {
     margin: 0;
     margin: 0;
     list-style-type: none;
     list-style-type: none;
+
     & > li {
     & > li {
       border: 1px solid @cui-white;
       border: 1px solid @cui-white;
       background: @cui-white !important;
       background: @cui-white !important;
       overflow: hidden;
       overflow: hidden;
+
       h2 {
       h2 {
         cursor: move;
         cursor: move;
       }
       }
-      .grid-left-bar, .edit-dimensions {
+
+      .grid-left-bar,
+      .edit-dimensions {
         opacity: 0;
         opacity: 0;
       }
       }
+
       .query-builder {
       .query-builder {
         h2 {
         h2 {
           cursor: default;
           cursor: default;
         }
         }
+
         .edit-dimensions {
         .edit-dimensions {
           opacity: 1;
           opacity: 1;
         }
         }
       }
       }
     }
     }
+
     & > li:hover {
     & > li:hover {
-      .grid-left-bar, .edit-dimensions {
+      .grid-left-bar,
+      .edit-dimensions {
         opacity: 1;
         opacity: 1;
       }
       }
     }
     }
@@ -49,6 +57,7 @@
   .card-widget {
   .card-widget {
     width: 100% !important;
     width: 100% !important;
     margin: 0 !important;
     margin: 0 !important;
+
     .card-heading {
     .card-heading {
       font-size: 16px !important;
       font-size: 16px !important;
       font-weight: bold !important;
       font-weight: bold !important;

+ 6 - 3
desktop/core/src/desktop/static/desktop/less/components/hue-hamburger.less

@@ -57,7 +57,9 @@
   position: absolute;
   position: absolute;
 }
 }
 
 
-.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
+.hamburger-inner,
+.hamburger-inner::before,
+.hamburger-inner::after {
   width: 24px;
   width: 24px;
   height: 3px;
   height: 3px;
   background-color: @hue-primary-color-dark;
   background-color: @hue-primary-color-dark;
@@ -66,7 +68,8 @@
   .hue-ease-transition(~"transform, -webkit-transform");
   .hue-ease-transition(~"transform, -webkit-transform");
 }
 }
 
 
-.hamburger-inner::before, .hamburger-inner::after {
+.hamburger-inner::before,
+.hamburger-inner::after {
   content: "";
   content: "";
   display: block;
   display: block;
 }
 }
@@ -89,4 +92,4 @@
 
 
 .hamburger-hue.is-active .hamburger-inner::after {
 .hamburger-hue.is-active .hamburger-inner::after {
   .hue-transform(~"translate3d(-2px, -3px, 0) rotate(40deg) scale(0.7, 1)");
   .hue-transform(~"translate3d(-2px, -3px, 0) rotate(40deg) scale(0.7, 1)");
-}
+}

+ 6 - 2
desktop/core/src/desktop/static/desktop/less/components/hue-inputautocomplete.less

@@ -20,18 +20,22 @@
   border-radius: 0;
   border-radius: 0;
   box-shadow: none;
   box-shadow: none;
   border-top: none;
   border-top: none;
+
   .popover-content {
   .popover-content {
     padding: 0;
     padding: 0;
     max-height: 200px;
     max-height: 200px;
     overflow-y: auto;
     overflow-y: auto;
+
     ul li {
     ul li {
       cursor: pointer;
       cursor: pointer;
       margin: 3px;
       margin: 3px;
       padding: 2px;
       padding: 2px;
     }
     }
-    ul li:hover, ul li.active {
+
+    ul li:hover,
+    ul li.active {
       color: @cui-white;
       color: @cui-white;
       background: @hue-primary-color-dark;
       background: @hue-primary-color-dark;
     }
     }
   }
   }
-}
+}

+ 5 - 6
desktop/core/src/desktop/static/desktop/less/components/hue-multi-cluster-sidebar.less

@@ -23,7 +23,6 @@
 @sidebar-left-spacing: 16px;
 @sidebar-left-spacing: 16px;
 
 
 .hue-sidebar {
 .hue-sidebar {
-
   .sidebar-content {
   .sidebar-content {
     position: absolute;
     position: absolute;
     top: 0;
     top: 0;
@@ -32,7 +31,6 @@
     left: 0;
     left: 0;
     padding-top: 20px;
     padding-top: 20px;
     background-color: @cui-white;
     background-color: @cui-white;
-
     overflow-y: auto;
     overflow-y: auto;
     overflow-x: hidden;
     overflow-x: hidden;
 
 
@@ -65,10 +63,10 @@
       white-space: nowrap;
       white-space: nowrap;
       position: relative;
       position: relative;
 
 
-
       .sidebar-icon {
       .sidebar-icon {
         float: left;
         float: left;
         padding: 0 14px 0 @sidebar-left-spacing;
         padding: 0 14px 0 @sidebar-left-spacing;
+
         &.with-tooltip {
         &.with-tooltip {
           display: none;
           display: none;
         }
         }
@@ -94,14 +92,15 @@
       background: @cui-blue-050;
       background: @cui-blue-050;
       color: @cui-blue-500;
       color: @cui-blue-500;
 
 
-      .fa:before {
+      .fa::before {
         color: @cui-blue-500;
         color: @cui-blue-500;
       }
       }
     }
     }
 
 
     .sidebar-item:hover {
     .sidebar-item:hover {
       color: @cui-blue-500;
       color: @cui-blue-500;
-      .fa:before {
+
+      .fa::before {
         color: @cui-blue-500;
         color: @cui-blue-500;
       }
       }
     }
     }
@@ -125,4 +124,4 @@
       vertical-align: middle;
       vertical-align: middle;
     }
     }
   }
   }
-}
+}

+ 3 - 4
desktop/core/src/desktop/static/desktop/less/components/hue-nav-properties.less

@@ -99,7 +99,7 @@
       }
       }
 
 
       .hue-nav-property-remove {
       .hue-nav-property-remove {
-        float:right;
+        float: right;
         margin: 0 3px;
         margin: 0 3px;
         height: 20px;
         height: 20px;
       }
       }
@@ -137,7 +137,7 @@
 }
 }
 
 
 .hue-nav-property-edit-content {
 .hue-nav-property-edit-content {
-  position:relative;
+  position: relative;
   padding-top: 5px;
   padding-top: 5px;
 
 
   a.close-popover {
   a.close-popover {
@@ -145,11 +145,10 @@
     top: 0;
     top: 0;
     right: 0;
     right: 0;
     font-size: @font-size-base;
     font-size: @font-size-base;
-
     color: @cui-gray-600;
     color: @cui-gray-600;
 
 
     &:hover {
     &:hover {
       color: @hue-primary-color-dark;
       color: @hue-primary-color-dark;
     }
     }
   }
   }
-}
+}

+ 2 - 2
desktop/core/src/desktop/static/desktop/less/components/hue-notify.less

@@ -35,7 +35,7 @@
 
 
 .jHueNotify.expanded {
 .jHueNotify.expanded {
   z-index: 11001;
   z-index: 11001;
-  top: 20px!important;
+  top: 20px !important;
   left: 10px;
   left: 10px;
   bottom: 10px;
   bottom: 10px;
   width: auto;
   width: auto;
@@ -45,4 +45,4 @@
   max-height: 100%;
   max-height: 100%;
   width: auto;
   width: auto;
   word-break: normal;
   word-break: normal;
-}
+}

+ 2 - 3
desktop/core/src/desktop/static/desktop/less/components/hue-performance-graph.less

@@ -55,7 +55,7 @@
 
 
   svg {
   svg {
     .nvtooltip {
     .nvtooltip {
-      font-family:  @font-family-sans-serif;
+      font-family: @font-family-sans-serif;
     }
     }
 
 
     text {
     text {
@@ -69,7 +69,7 @@
     .brush .selection {
     .brush .selection {
       stroke: none;
       stroke: none;
       fill: @cui-gray-400;
       fill: @cui-gray-400;
-      fill-opacity: .25;
+      fill-opacity: 0.25;
       shape-rendering: crispEdges;
       shape-rendering: crispEdges;
     }
     }
 
 
@@ -80,4 +80,3 @@
     }
     }
   }
   }
 }
 }
-

+ 30 - 7
desktop/core/src/desktop/static/desktop/less/components/hue-popover.less

@@ -18,8 +18,10 @@
 
 
 .hue-popover {
 .hue-popover {
   .display-flex;
   .display-flex;
+
   position: absolute;
   position: absolute;
   .flex-direction(column);
   .flex-direction(column);
+
   top: 0;
   top: 0;
   left: 0;
   left: 0;
   z-index: 1039;
   z-index: 1039;
@@ -118,6 +120,7 @@
 .hue-popover-title {
 .hue-popover-title {
   .flex(0 1 auto);
   .flex(0 1 auto);
   .nowrap-ellipsis;
   .nowrap-ellipsis;
+
   overflow: hidden;
   overflow: hidden;
   padding: 6px 10px;
   padding: 6px 10px;
   margin: 0 30px 0 0;
   margin: 0 30px 0 0;
@@ -149,7 +152,8 @@
   display: none;
   display: none;
 }
 }
 
 
-.hue-popover-arrow, .hue-popover-arrow::after {
+.hue-popover-arrow,
+.hue-popover-arrow::after {
   position: absolute;
   position: absolute;
   display: block;
   display: block;
   width: 0;
   width: 0;
@@ -185,6 +189,7 @@
   .display-flex();
   .display-flex();
   .flex(1 1 100%);
   .flex(1 1 100%);
   .flex-direction(column);
   .flex-direction(column);
+
   padding: 0;
   padding: 0;
   overflow: hidden;
   overflow: hidden;
 }
 }
@@ -198,6 +203,7 @@
 
 
 .context-popover-tabs {
 .context-popover-tabs {
   .flex(0 1 auto);
   .flex(0 1 auto);
+
   border-bottom: 1px solid @cui-default-border-color;
   border-bottom: 1px solid @cui-default-border-color;
   margin-left: -1px;
   margin-left: -1px;
   margin-right: -1px;
   margin-right: -1px;
@@ -207,6 +213,7 @@
 .context-popover-tab-container {
 .context-popover-tab-container {
   position: relative;
   position: relative;
   .flex(1 1 100%);
   .flex(1 1 100%);
+
   border: none;
   border: none;
   overflow: auto;
   overflow: auto;
 }
 }
@@ -214,12 +221,13 @@
 .context-popover-tab {
 .context-popover-tab {
   padding-top: 0 !important;
   padding-top: 0 !important;
   padding-bottom: 5px !important;
   padding-bottom: 5px !important;
-  margin-bottom: -1px !important
+  margin-bottom: -1px !important;
 }
 }
 
 
 .context-popover-flex {
 .context-popover-flex {
   .display-flex();
   .display-flex();
   .flex-flow(column nowrap);
   .flex-flow(column nowrap);
+
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
   bottom: 0;
   bottom: 0;
@@ -233,6 +241,7 @@
 .context-popover-flex-attributes {
 .context-popover-flex-attributes {
   .context-popover-attributes;
   .context-popover-attributes;
   .flex(1);
   .flex(1);
+
   padding: 0 12px;
   padding: 0 12px;
 }
 }
 
 
@@ -250,6 +259,7 @@
 
 
 .context-popover-table-details {
 .context-popover-table-details {
   .flex(1);
   .flex(1);
+
   padding: 10px 10px 0 10px;
   padding: 10px 10px 0 10px;
 }
 }
 
 
@@ -266,14 +276,17 @@
 .context-popover-section {
 .context-popover-section {
   margin-left: 15px;
   margin-left: 15px;
 }
 }
+
 .context-popover-doc-header-link {
 .context-popover-doc-header-link {
   .flex(1);
   .flex(1);
+
   margin-top: 10px;
   margin-top: 10px;
   font-size: 18px;
   font-size: 18px;
 }
 }
 
 
 .context-popover-doc-description {
 .context-popover-doc-description {
   .flex(1);
   .flex(1);
+
   margin-top: 5px;
   margin-top: 5px;
 
 
   > em {
   > em {
@@ -284,6 +297,7 @@
 
 
 .context-popover-doc-contents {
 .context-popover-doc-contents {
   .flex(1 1 100%);
   .flex(1 1 100%);
+
   margin-top: 8px;
   margin-top: 8px;
   overflow: auto;
   overflow: auto;
 
 
@@ -295,6 +309,7 @@
 
 
 .context-popover-flex-bottom-links {
 .context-popover-flex-bottom-links {
   .flex(0 0 35px);
   .flex(0 0 35px);
+
   border-top: 1px solid @cui-default-border-color;
   border-top: 1px solid @cui-default-border-color;
   z-index: 100;
   z-index: 100;
   background-color: @cui-white;
   background-color: @cui-white;
@@ -328,6 +343,7 @@
 
 
   .context-popover-sample-controls {
   .context-popover-sample-controls {
     .flex(0 0 120px);
     .flex(0 0 120px);
+
     line-height: 28px;
     line-height: 28px;
   }
   }
 
 
@@ -371,7 +387,8 @@
 
 
   .fixed-first-column {
   .fixed-first-column {
     margin-left: 0 !important;
     margin-left: 0 !important;
-    table>tbody>tr>td:first-child {
+
+    table > tbody > tr > td:first-child {
       background-color: @cui-gray-050;
       background-color: @cui-gray-050;
     }
     }
   }
   }
@@ -400,6 +417,7 @@
 
 
 .context-popover-comment {
 .context-popover-comment {
   .flex(0 1 54px);
   .flex(0 1 54px);
+
   margin-top: 2px;
   margin-top: 2px;
   margin-bottom: 8px;
   margin-bottom: 8px;
   padding-left: 4px;
   padding-left: 4px;
@@ -407,6 +425,7 @@
 
 
   &.context-popover-comment-expanded {
   &.context-popover-comment-expanded {
     .flex(1 1 100%);
     .flex(1 1 100%);
+
     white-space: pre-wrap;
     white-space: pre-wrap;
     margin-bottom: 2px;
     margin-bottom: 2px;
     overflow: auto;
     overflow: auto;
@@ -419,6 +438,7 @@
 
 
 .context-popover-attributes {
 .context-popover-attributes {
   .flex(1);
   .flex(1);
+
   margin-bottom: 10px;
   margin-bottom: 10px;
   margin-left: 4px;
   margin-left: 4px;
   font-size: 13px;
   font-size: 13px;
@@ -428,7 +448,6 @@
     //background-color: @cui-gray-100;
     //background-color: @cui-gray-100;
     border-radius: 4px;
     border-radius: 4px;
     padding: 2px 4px 2px 0;
     padding: 2px 4px 2px 0;
-
     white-space: pre;
     white-space: pre;
 
 
     &:not(:last-child) {
     &:not(:last-child) {
@@ -443,7 +462,7 @@
 
 
     div:last-child {
     div:last-child {
       display: inline-block;
       display: inline-block;
-      background-color: #FFF;
+      background-color: #fff;
       //color: @hue-primary-color-dark;
       //color: @hue-primary-color-dark;
     }
     }
   }
   }
@@ -452,6 +471,7 @@
 .context-popover-inner-content {
 .context-popover-inner-content {
   position: absolute;
   position: absolute;
   .display-flex();
   .display-flex();
+
   top: 0;
   top: 0;
   bottom: 0;
   bottom: 0;
   right: 0;
   right: 0;
@@ -476,19 +496,22 @@
 .context-popover-title {
 .context-popover-title {
   .display-flex;
   .display-flex;
   .flex-direction(row);
   .flex-direction(row);
+
   width: 100%;
   width: 100%;
-  padding:0;
+  padding: 0;
   background-color: @cui-gray-050;
   background-color: @cui-gray-050;
 }
 }
 
 
 .context-popover-breadcrumbs {
 .context-popover-breadcrumbs {
   .flex(1 1 100%);
   .flex(1 1 100%);
   .nowrap-ellipsis();
   .nowrap-ellipsis();
+
   padding: 5px;
   padding: 5px;
 }
 }
 
 
 .context-popover-close {
 .context-popover-close {
   .flex(1 0 15px);
   .flex(1 0 15px);
+
   padding: 5px;
   padding: 5px;
 }
 }
 
 
@@ -499,4 +522,4 @@
     font-style: italic;
     font-style: italic;
     color: @cui-gray-400;
     color: @cui-gray-400;
   }
   }
-}
+}

+ 17 - 9
desktop/core/src/desktop/static/desktop/less/components/hue-qq-upload.less

@@ -26,6 +26,7 @@
 .qq-upload-button {
 .qq-upload-button {
   display: inline-block;
   display: inline-block;
   *display: inline;
   *display: inline;
+
   /* IE7 inline-block hack */
   /* IE7 inline-block hack */
   *zoom: 1;
   *zoom: 1;
   padding: 5px 12px;
   padding: 5px 12px;
@@ -44,21 +45,22 @@
   background-image: -o-linear-gradient(top, @cui-white, @cui-white);
   background-image: -o-linear-gradient(top, @cui-white, @cui-white);
   background-image: linear-gradient(to bottom, @cui-white, @cui-white);
   background-image: linear-gradient(to bottom, @cui-white, @cui-white);
   background-repeat: repeat-x;
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
   border-color: @cui-white @cui-white @cui-gray-300;
   border-color: @cui-white @cui-white @cui-gray-300;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   *background-color: @cui-white;
   *background-color: @cui-white;
+
   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  filter: progid:dximagetransform.microsoft.gradient(enabled = false);
   border: 1px solid @cui-gray-400;
   border: 1px solid @cui-gray-400;
   *border: 0;
   *border: 0;
   -webkit-border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   border-radius: 4px;
-  *margin-left: .3em;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  *margin-left: 0.3em;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   float: right;
   float: right;
 }
 }
 
 
@@ -66,7 +68,8 @@
   outline: none;
   outline: none;
 }
 }
 
 
-.qq-upload-button:hover, .qq-upload-button:focus {
+.qq-upload-button:hover,
+.qq-upload-button:focus {
   color: @cui-blue-500;
   color: @cui-blue-500;
   border-color: @cui-blue-500;
   border-color: @cui-blue-500;
   background-color: @cui-white;
   background-color: @cui-white;
@@ -130,7 +133,11 @@
   text-align: right;
   text-align: right;
 }
 }
 
 
-.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
+.qq-upload-file,
+.qq-upload-spinner,
+.qq-upload-size,
+.qq-upload-cancel,
+.qq-upload-failed-text {
   margin-right: 7px;
   margin-right: 7px;
 }
 }
 
 
@@ -145,7 +152,8 @@
   vertical-align: text-bottom;
   vertical-align: text-bottom;
 }
 }
 
 
-.qq-upload-size, .qq-upload-cancel {
+.qq-upload-size,
+.qq-upload-cancel {
   font-size: 11px;
   font-size: 11px;
 }
 }
 
 

+ 11 - 0
desktop/core/src/desktop/static/desktop/less/components/hue-query-builder.less

@@ -18,40 +18,50 @@
 
 
 #queryBuilder {
 #queryBuilder {
   text-align: center;
   text-align: center;
+
   td {
   td {
     vertical-align: middle;
     vertical-align: middle;
   }
   }
+
   input {
   input {
     margin-bottom: 0;
     margin-bottom: 0;
   }
   }
+
   #column li {
   #column li {
     color: blue;
     color: blue;
     text-decoration: underline;
     text-decoration: underline;
     list-style: none;
     list-style: none;
   }
   }
+
   #column li:hover {
   #column li:hover {
     cursor: pointer;
     cursor: pointer;
   }
   }
+
   .databaseAndTable {
   .databaseAndTable {
     color: @cui-gray-700;
     color: @cui-gray-700;
     min-width: 10em;
     min-width: 10em;
   }
   }
+
   .queryBuilderRow {
   .queryBuilderRow {
     border-collapse: separate;
     border-collapse: separate;
     border-spacing-bottom: 10px;
     border-spacing-bottom: 10px;
     cursor: default;
     cursor: default;
   }
   }
+
   .column {
   .column {
     font-family: @font-family-monospace;
     font-family: @font-family-monospace;
   }
   }
+
   .deleteRule {
   .deleteRule {
     color: @cui-gray-700;
     color: @cui-gray-700;
     text-align: right;
     text-align: right;
   }
   }
+
   .deleteRule:hover {
   .deleteRule:hover {
     color: @cui-gray-800;
     color: @cui-gray-800;
     cursor: pointer;
     cursor: pointer;
   }
   }
+
   .noselect {
   .noselect {
     -webkit-touch-callout: none;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -webkit-user-select: none;
@@ -60,6 +70,7 @@
     -ms-user-select: none;
     -ms-user-select: none;
     user-select: none;
     user-select: none;
   }
   }
+
   .button-panel {
   .button-panel {
     margin: auto;
     margin: auto;
     text-align: center;
     text-align: center;

+ 5 - 4
desktop/core/src/desktop/static/desktop/less/components/hue-ribbon.less

@@ -53,7 +53,8 @@
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
 }
 }
 
 
-.ribbon:before, .ribbon:after {
+.ribbon::before,
+.ribbon::after {
   content: "";
   content: "";
   border-top: 3px solid @cui-orange-600;
   border-top: 3px solid @cui-orange-600;
   border-left: 3px solid transparent;
   border-left: 3px solid transparent;
@@ -62,10 +63,10 @@
   bottom: -3px;
   bottom: -3px;
 }
 }
 
 
-.ribbon:before {
+.ribbon::before {
   left: 0;
   left: 0;
 }
 }
 
 
-.ribbon:after {
+.ribbon::after {
   right: 0;
   right: 0;
-}
+}

+ 7 - 4
desktop/core/src/desktop/static/desktop/less/components/hue-scroll-anchor.less

@@ -30,15 +30,18 @@
   padding-left: 14px;
   padding-left: 14px;
   padding-right: 14px;
   padding-right: 14px;
   min-height: 22px;
   min-height: 22px;
-  &:hover, &:focus {
+
+  &:hover,
+  &:focus {
     text-decoration: none;
     text-decoration: none;
     opacity: 0.85;
     opacity: 0.85;
     color: @cui-white;
     color: @cui-white;
     filter: alpha(opacity=85);
     filter: alpha(opacity=85);
   }
   }
+
   & input {
   & input {
-    min-height: 10px!important;
-    height: 10px!important;
+    min-height: 10px !important;
+    height: 10px !important;
     margin: 0;
     margin: 0;
   }
   }
 }
 }
@@ -53,4 +56,4 @@
   bottom: 20px;
   bottom: 20px;
   right: 20px;
   right: 20px;
   display: none;
   display: none;
-}
+}

+ 5 - 2
desktop/core/src/desktop/static/desktop/less/components/hue-scrollbar.less

@@ -16,7 +16,8 @@
  limitations under the License.
  limitations under the License.
 */
 */
 
 
-.dataTables_wrapper:hover > .hue-scrollbar-x-rail, .hue-scrollbar-x-rail:hover {
+.dataTables_wrapper:hover > .hue-scrollbar-x-rail,
+.hue-scrollbar-x-rail:hover {
   opacity: 1;
   opacity: 1;
 }
 }
 
 
@@ -25,13 +26,15 @@
   z-index: 1039;
   z-index: 1039;
   padding: 0;
   padding: 0;
   background-color: transparent;
   background-color: transparent;
-  &>.hue-scrollbar-x {
+
+  & > .hue-scrollbar-x {
     position: absolute;
     position: absolute;
     background-color: @cui-gray-300;
     background-color: @cui-gray-300;
     border-radius: 5px;
     border-radius: 5px;
     border: 1px solid @cui-white;
     border: 1px solid @cui-white;
     height: 7px;
     height: 7px;
     z-index: 1039;
     z-index: 1039;
+
     &:hover {
     &:hover {
       background-color: @cui-gray-500;
       background-color: @cui-gray-500;
     }
     }

+ 8 - 7
desktop/core/src/desktop/static/desktop/less/components/hue-selectize.less

@@ -75,7 +75,7 @@
   border-right: 0 none;
   border-right: 0 none;
 }
 }
 
 
-.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
+.selectize-dropdown.plugin-optgroup_columns .optgroup::before {
   display: none;
   display: none;
 }
 }
 
 
@@ -90,6 +90,7 @@
 
 
 .selectize-control.plugin-remove_button [data-value] .remove {
 .selectize-control.plugin-remove_button [data-value] .remove {
   z-index: 1;
   z-index: 1;
+
   /* fixes ie bug (see #392) */
   /* fixes ie bug (see #392) */
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
@@ -241,7 +242,7 @@
   background: @cui-gray-100;
   background: @cui-gray-100;
   color: @cui-gray-800;
   color: @cui-gray-800;
   border: 0 solid @cui-gray-100;
   border: 0 solid @cui-gray-100;
-  border-radius: 12px
+  border-radius: 12px;
 }
 }
 
 
 .selectize-read-only.multi .selectize-input > div {
 .selectize-read-only.multi .selectize-input > div {
@@ -377,7 +378,7 @@
   cursor: text;
   cursor: text;
 }
 }
 
 
-.selectize-control.single .selectize-input:after {
+.selectize-control.single .selectize-input::after {
   content: ' ';
   content: ' ';
   display: block;
   display: block;
   position: absolute;
   position: absolute;
@@ -391,13 +392,13 @@
   border-color: @cui-gray-700 transparent transparent transparent;
   border-color: @cui-gray-700 transparent transparent transparent;
 }
 }
 
 
-.selectize-control.single .selectize-input.dropdown-active:after {
+.selectize-control.single .selectize-input.dropdown-active::after {
   margin-top: -4px;
   margin-top: -4px;
   border-width: 0 5px 5px 5px;
   border-width: 0 5px 5px 5px;
   border-color: transparent transparent @cui-gray-700 transparent;
   border-color: transparent transparent @cui-gray-700 transparent;
 }
 }
 
 
-.selectize-control.rtl.single .selectize-input:after {
+.selectize-control.rtl.single .selectize-input::after {
   left: 15px;
   left: 15px;
   right: auto;
   right: auto;
 }
 }
@@ -421,6 +422,7 @@
 .select-like {
 .select-like {
   display: inline-block;
   display: inline-block;
   position: relative;
   position: relative;
+
   & input {
   & input {
     transition: none !important;
     transition: none !important;
     box-shadow: none !important;
     box-shadow: none !important;
@@ -434,7 +436,6 @@
     right: 8px;
     right: 8px;
     font-size: 15px;
     font-size: 15px;
   }
   }
-
 }
 }
 
 
 .selectize-wrapper {
 .selectize-wrapper {
@@ -505,4 +506,4 @@ div.selectize-input {
   padding: 6px;
   padding: 6px;
   padding-right: 30px;
   padding-right: 30px;
   text-overflow: ellipsis;
   text-overflow: ellipsis;
-}
+}

+ 9 - 2
desktop/core/src/desktop/static/desktop/less/components/hue-selector.less

@@ -21,23 +21,29 @@
   padding: 0;
   padding: 0;
   margin: 0;
   margin: 0;
   width: 300px;
   width: 300px;
+
   label {
   label {
     float: none;
     float: none;
     padding-left: 4px;
     padding-left: 4px;
+
     input[type=checkbox] {
     input[type=checkbox] {
       display: inline;
       display: inline;
       margin-top: -2px;
       margin-top: -2px;
       margin-right: 6px;
       margin-right: 6px;
     }
     }
   }
   }
-  ul, li {
+
+  ul,
+  li {
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
   }
   }
+
   ul {
   ul {
     padding: 4px;
     padding: 4px;
     list-style: none;
     list-style: none;
   }
   }
+
   li.selectorDivider {
   li.selectorDivider {
     border-bottom: 1px solid @cui-gray-100;
     border-bottom: 1px solid @cui-gray-100;
     padding: 4px;
     padding: 4px;
@@ -48,6 +54,7 @@
 .jHueSelectorHeader {
 .jHueSelectorHeader {
   background-color: @cui-gray-050;
   background-color: @cui-gray-050;
   padding: 4px;
   padding: 4px;
+
   input[type=text] {
   input[type=text] {
     position: absolute;
     position: absolute;
     margin-left: 180px;
     margin-left: 180px;
@@ -68,4 +75,4 @@
 .jHueSelectorBody {
 .jHueSelectorBody {
   height: 150px;
   height: 150px;
   overflow: auto;
   overflow: auto;
-}
+}

+ 41 - 32
desktop/core/src/desktop/static/desktop/less/components/hue-shepherd.less

@@ -16,14 +16,19 @@
  limitations under the License.
  limitations under the License.
 */
 */
 
 
-.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top.shepherd-target-attached-left .shepherd-content:before,
-.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top.shepherd-target-attached-right .shepherd-content:before,
-.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-target-attached-left .shepherd-content:before,
-.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-target-attached-right .shepherd-content:before {
+.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top.shepherd-target-attached-left .shepherd-content::before,
+.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top.shepherd-target-attached-right .shepherd-content::before,
+.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-target-attached-left .shepherd-content::before,
+.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-target-attached-right .shepherd-content::before {
   display: none;
   display: none;
 }
 }
 
 
-.shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
+.shepherd-element,
+.shepherd-element::after,
+.shepherd-element::before,
+.shepherd-element *,
+.shepherd-element *::after,
+.shepherd-element *::before {
   box-sizing: border-box;
   box-sizing: border-box;
 }
 }
 
 
@@ -52,7 +57,7 @@
   line-height: 1.5em;
   line-height: 1.5em;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue .shepherd-content::before {
   content: "";
   content: "";
   display: block;
   display: block;
   position: absolute;
   position: absolute;
@@ -68,7 +73,7 @@
   margin-bottom: 16px;
   margin-bottom: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content::before {
   top: 100%;
   top: 100%;
   left: 50%;
   left: 50%;
   margin-left: -16px;
   margin-left: -16px;
@@ -79,7 +84,7 @@
   margin-top: 16px;
   margin-top: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content::before {
   bottom: 100%;
   bottom: 100%;
   left: 50%;
   left: 50%;
   margin-left: -16px;
   margin-left: -16px;
@@ -90,7 +95,7 @@
   margin-right: 16px;
   margin-right: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content::before {
   left: 100%;
   left: 100%;
   top: 50%;
   top: 50%;
   margin-top: -16px;
   margin-top: -16px;
@@ -101,7 +106,7 @@
   margin-left: 16px;
   margin-left: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content::before {
   right: 100%;
   right: 100%;
   top: 50%;
   top: 50%;
   margin-top: -16px;
   margin-top: -16px;
@@ -120,7 +125,7 @@
   margin-top: 16px;
   margin-top: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content::before {
   bottom: 100%;
   bottom: 100%;
   left: 16px;
   left: 16px;
   border-bottom-color: @cui-gray-900;
   border-bottom-color: @cui-gray-900;
@@ -130,7 +135,7 @@
   margin-top: 16px;
   margin-top: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content::before {
   bottom: 100%;
   bottom: 100%;
   right: 16px;
   right: 16px;
   border-bottom-color: @cui-gray-900;
   border-bottom-color: @cui-gray-900;
@@ -140,7 +145,7 @@
   margin-bottom: 16px;
   margin-bottom: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content::before {
   top: 100%;
   top: 100%;
   left: 16px;
   left: 16px;
   border-top-color: @cui-gray-900;
   border-top-color: @cui-gray-900;
@@ -150,7 +155,7 @@
   margin-bottom: 16px;
   margin-bottom: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content::before {
   top: 100%;
   top: 100%;
   right: 16px;
   right: 16px;
   border-top-color: @cui-gray-900;
   border-top-color: @cui-gray-900;
@@ -160,7 +165,7 @@
   margin-top: 16px;
   margin-top: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content::before {
   bottom: 100%;
   bottom: 100%;
   left: 16px;
   left: 16px;
   border-bottom-color: @cui-gray-900;
   border-bottom-color: @cui-gray-900;
@@ -170,7 +175,7 @@
   margin-top: 16px;
   margin-top: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content::before {
   bottom: 100%;
   bottom: 100%;
   right: 16px;
   right: 16px;
   border-bottom-color: @cui-gray-900;
   border-bottom-color: @cui-gray-900;
@@ -180,7 +185,7 @@
   margin-bottom: 16px;
   margin-bottom: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content::before {
   top: 100%;
   top: 100%;
   left: 16px;
   left: 16px;
   border-top-color: @cui-gray-900;
   border-top-color: @cui-gray-900;
@@ -190,7 +195,7 @@
   margin-bottom: 16px;
   margin-bottom: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content::before {
   top: 100%;
   top: 100%;
   right: 16px;
   right: 16px;
   border-top-color: @cui-gray-900;
   border-top-color: @cui-gray-900;
@@ -200,7 +205,7 @@
   margin-right: 16px;
   margin-right: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content::before {
   top: 16px;
   top: 16px;
   left: 100%;
   left: 100%;
   border-left-color: @cui-gray-900;
   border-left-color: @cui-gray-900;
@@ -210,7 +215,7 @@
   margin-left: 16px;
   margin-left: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content::before {
   top: 16px;
   top: 16px;
   right: 100%;
   right: 100%;
   border-right-color: @cui-gray-900;
   border-right-color: @cui-gray-900;
@@ -220,7 +225,7 @@
   margin-right: 16px;
   margin-right: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content::before {
   bottom: 16px;
   bottom: 16px;
   left: 100%;
   left: 100%;
   border-left-color: @cui-gray-900;
   border-left-color: @cui-gray-900;
@@ -230,7 +235,7 @@
   margin-left: 16px;
   margin-left: 16px;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content::before {
   bottom: 16px;
   bottom: 16px;
   right: 100%;
   right: 100%;
   border-right-color: @cui-gray-900;
   border-right-color: @cui-gray-900;
@@ -243,7 +248,9 @@
   font-size: 1em;
   font-size: 1em;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content::before,
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content::before,
+.shepherd-element.shepherd-theme-hue.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content::before {
   border-bottom-color: @cui-gray-900;
   border-bottom-color: @cui-gray-900;
 }
 }
 
 
@@ -263,6 +270,7 @@
 
 
 .shepherd-element.shepherd-theme-hue .shepherd-content {
 .shepherd-element.shepherd-theme-hue .shepherd-content {
   .hue-box-shadow-bottom;
   .hue-box-shadow-bottom;
+
   border-radius: 4px;
   border-radius: 4px;
   padding: 0;
   padding: 0;
 }
 }
@@ -276,7 +284,7 @@
   border-radius: 0;
   border-radius: 0;
 }
 }
 
 
-.shepherd-element.shepherd-theme-hue .shepherd-content header:after {
+.shepherd-element.shepherd-theme-hue .shepherd-content header::after {
   content: "";
   content: "";
   display: table;
   display: table;
   clear: both;
   clear: both;
@@ -292,14 +300,14 @@
   float: right;
   float: right;
   text-decoration: none;
   text-decoration: none;
   font-size: 1.25em;
   font-size: 1.25em;
-  line-height: .8em;
+  line-height: 0.8em;
   font-weight: normal;
   font-weight: normal;
   color: @cui-white;
   color: @cui-white;
   opacity: 0.25;
   opacity: 0.25;
   position: relative;
   position: relative;
-  top: .1em;
-  padding: .8em;
-  margin-bottom: -.8em;
+  top: 0.1em;
+  padding: 0.8em;
+  margin-bottom: -0.8em;
 }
 }
 
 
 .shepherd-element.shepherd-theme-hue .shepherd-content header a.shepherd-cancel-link:hover {
 .shepherd-element.shepherd-theme-hue .shepherd-content header a.shepherd-cancel-link:hover {
@@ -311,7 +319,7 @@
 }
 }
 
 
 .shepherd-element.shepherd-theme-hue .shepherd-content .shepherd-text p {
 .shepherd-element.shepherd-theme-hue .shepherd-content .shepherd-text p {
-  margin: 0 0 .5em 0;
+  margin: 0 0 0.5em 0;
   line-height: 1.3em;
   line-height: 1.3em;
 }
 }
 
 
@@ -345,7 +353,7 @@
   border-radius: 0;
   border-radius: 0;
   cursor: pointer;
   cursor: pointer;
   border: 0;
   border: 0;
-  margin: 0 .5em 0 0;
+  margin: 0 0.5em 0 0;
   font-family: inherit;
   font-family: inherit;
   font-size: 14px;
   font-size: 14px;
   line-height: 20px;
   line-height: 20px;
@@ -374,7 +382,7 @@
   border-radius: 0;
   border-radius: 0;
   cursor: pointer;
   cursor: pointer;
   border: 0;
   border: 0;
-  margin: 0 .5em 0 0;
+  margin: 0 0.5em 0 0;
   font-family: inherit;
   font-family: inherit;
   font-size: 14px;
   font-size: 14px;
   line-height: 20px;
   line-height: 20px;
@@ -405,8 +413,9 @@
     bottom: 0;
     bottom: 0;
     background-color: @cui-white;
     background-color: @cui-white;
     @opacity: 65;
     @opacity: 65;
+
     opacity: @opacity / 100;
     opacity: @opacity / 100;
     filter: alpha(opacity=@opacity);
     filter: alpha(opacity=@opacity);
     z-index: 1010;
     z-index: 1010;
   }
   }
-}
+}

+ 11 - 6
desktop/core/src/desktop/static/desktop/less/components/hue-sidebar.less

@@ -77,7 +77,7 @@
     color: @cui-blue-500;
     color: @cui-blue-500;
     background-color: @cui-gray-100;
     background-color: @cui-gray-100;
 
 
-    .fa:before {
+    .fa::before {
       color: @cui-blue-500;
       color: @cui-blue-500;
     }
     }
   }
   }
@@ -85,6 +85,7 @@
   .hue-sidebar-item:hover {
   .hue-sidebar-item:hover {
     color: @cui-blue-500;
     color: @cui-blue-500;
     background-color: @cui-gray-100;
     background-color: @cui-gray-100;
+
     .sidebar-icon {
     .sidebar-icon {
       color: @cui-blue-500;
       color: @cui-blue-500;
     }
     }
@@ -135,20 +136,23 @@
       padding-top: 15px;
       padding-top: 15px;
       padding-bottom: 15px;
       padding-bottom: 15px;
       text-align: center;
       text-align: center;
+
       i {
       i {
         .hue-ease-transition(color);
         .hue-ease-transition(color);
       }
       }
     }
     }
 
 
-    .dz-drag-hover, .dropzone:hover {
-      background-color: @cui-gray-200!important;
+    .dz-drag-hover,
+    .dropzone:hover {
+      background-color: @cui-gray-200 !important;
+
       i {
       i {
         color: @cui-blue-500;
         color: @cui-blue-500;
       }
       }
     }
     }
 
 
     a {
     a {
-      .pointer
+      .pointer;
     }
     }
   }
   }
 }
 }
@@ -156,7 +160,8 @@
 .hue-sidebar.collapsed {
 .hue-sidebar.collapsed {
   width: @collapsed-sidebar-width;
   width: @collapsed-sidebar-width;
 
 
-  .hue-sidebar-category-item, .sidebar-item-name {
+  .hue-sidebar-category-item,
+  .sidebar-item-name {
     opacity: 0;
     opacity: 0;
   }
   }
 
 
@@ -174,4 +179,4 @@
   &.collapsed {
   &.collapsed {
     width: @collapsed-sidebar-width;
     width: @collapsed-sidebar-width;
   }
   }
-}
+}

+ 3 - 3
desktop/core/src/desktop/static/desktop/less/components/hue-simple-ace.less

@@ -48,7 +48,7 @@
     }
     }
 
 
     .fa {
     .fa {
-      position:absolute;
+      position: absolute;
       top: 0;
       top: 0;
       bottom: 0;
       bottom: 0;
       height: 13px;
       height: 13px;
@@ -73,6 +73,6 @@
   width: 100%;
   width: 100%;
 
 
   .ace_emptyMessage {
   .ace_emptyMessage {
-    margin-left:3px;
+    margin-left: 3px;
   }
   }
-}
+}

+ 6 - 3
desktop/core/src/desktop/static/desktop/less/components/hue-spinner.less

@@ -16,11 +16,14 @@
  limitations under the License.
  limitations under the License.
 */
 */
 
 
-
 .hue-spinner {
 .hue-spinner {
   position: absolute;
   position: absolute;
-  top: 0; left: 0; bottom: 0; right: 0;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
   .hue-fade-in();
   .hue-fade-in();
+
   margin: auto 0;
   margin: auto 0;
   vertical-align: center;
   vertical-align: center;
 }
 }
@@ -32,7 +35,7 @@
   left: 0;
   left: 0;
   right: 0;
   right: 0;
   bottom: 0;
   bottom: 0;
-  background: rgba(255,255,255,.5);
+  background: rgba(255, 255, 255, 0.5);
   .hue-fade-in();
   .hue-fade-in();
 }
 }
 
 

+ 46 - 24
desktop/core/src/desktop/static/desktop/less/components/hue-tables.less

@@ -48,7 +48,10 @@ div.dataTables_paginate {
  *********************************************************/
  *********************************************************/
 
 
 /* Pagination nested */
 /* Pagination nested */
-.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
+.paginate_disabled_previous,
+.paginate_enabled_previous,
+.paginate_disabled_next,
+.paginate_enabled_next {
   height: 19px;
   height: 19px;
   width: 19px;
   width: 19px;
   margin-left: 3px;
   margin-left: 3px;
@@ -128,10 +131,11 @@ table.display td.center {
   *border-collapse: collapsed;
   *border-collapse: collapsed;
 }
 }
 
 
-.sorting, .sorting_disabled {
+.sorting,
+.sorting_disabled {
   border-bottom: 1px solid transparent !important;
   border-bottom: 1px solid transparent !important;
   padding-right: 20px !important;
   padding-right: 20px !important;
-  vertical-align: middle!important;
+  vertical-align: middle !important;
 }
 }
 
 
 .sorting:hover {
 .sorting:hover {
@@ -144,7 +148,7 @@ table.display td.center {
   background: url('../art/datatables/sort_asc.png') no-repeat center right;
   background: url('../art/datatables/sort_asc.png') no-repeat center right;
   border-bottom: 1px solid @cui-blue-500 !important;
   border-bottom: 1px solid @cui-blue-500 !important;
   padding-right: 20px !important;
   padding-right: 20px !important;
-  vertical-align: middle!important;
+  vertical-align: middle !important;
 }
 }
 
 
 .sorting_asc:hover {
 .sorting_asc:hover {
@@ -156,23 +160,27 @@ table.display td.center {
   background: url('../art/datatables/sort_desc.png') no-repeat center right;
   background: url('../art/datatables/sort_desc.png') no-repeat center right;
   border-bottom: 1px solid @cui-blue-500 !important;
   border-bottom: 1px solid @cui-blue-500 !important;
   padding-right: 20px !important;
   padding-right: 20px !important;
-  vertical-align: middle!important;
+  vertical-align: middle !important;
 }
 }
 
 
 .sorting_desc:hover {
 .sorting_desc:hover {
   background: url('../art/datatables/sort_desc.png') no-repeat center right;
   background: url('../art/datatables/sort_desc.png') no-repeat center right;
 }
 }
 
 
-.table-huedatatable, .dataTables_wrapper table {
-  margin-bottom: 0!important;
+.table-huedatatable,
+.dataTables_wrapper table {
+  margin-bottom: 0 !important;
+
   thead {
   thead {
     th {
     th {
-      color: @cui-gray-700!important;
+      color: @cui-gray-700 !important;
       background-color: @cui-white;
       background-color: @cui-white;
     }
     }
   }
   }
+
   border: none;
   border: none;
   border-collapse: separate;
   border-collapse: separate;
+
   tbody tr:nth-child(odd) {
   tbody tr:nth-child(odd) {
     background-color: @cui-gray-050;
     background-color: @cui-gray-050;
   }
   }
@@ -183,10 +191,12 @@ table.display td.center {
 }
 }
 
 
 .sorting_disabled {
 .sorting_disabled {
-  vertical-align: middle!important;
+  vertical-align: middle !important;
 }
 }
 
 
-.sorting:hover, .sorting_asc:hover, .sorting_desc:hover {
+.sorting:hover,
+.sorting_asc:hover,
+.sorting_desc:hover {
   border-bottom: 1px solid @cui-blue-500 !important;
   border-bottom: 1px solid @cui-blue-500 !important;
 }
 }
 
 
@@ -378,11 +388,13 @@ tr.even.gradeU td.sorting_3 {
 /*
 /*
  * Row highlighting example
  * Row highlighting example
  */
  */
-.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
+.ex_highlight #example tbody tr.even:hover,
+#example tbody tr.even td.highlighted {
   background-color: @cui-yellow-200;
   background-color: @cui-yellow-200;
 }
 }
 
 
-.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
+.ex_highlight #example tbody tr.odd:hover,
+#example tbody tr.odd td.highlighted {
   background-color: @cui-yellow-200;
   background-color: @cui-yellow-200;
 }
 }
 
 
@@ -453,23 +465,28 @@ div.box {
   background-color: @cui-purple-050;
   background-color: @cui-purple-050;
 }
 }
 
 
-.table tbody tr:hover td, .table tbody tr:hover th {
+.table tbody tr:hover td,
+.table tbody tr:hover th {
   background-color: @cui-purple-gray-050;
   background-color: @cui-purple-gray-050;
 }
 }
 
 
-.table tr.selected, .table tr.selected td {
-  background-color: @cui-blue-050!important;
+.table tr.selected,
+.table tr.selected td {
+  background-color: @cui-blue-050 !important;
 }
 }
 
 
-.table tr.locked, .table tr.locked td {
-  background-color: @cui-yellow-100!important;
+.table tr.locked,
+.table tr.locked td {
+  background-color: @cui-yellow-100 !important;
 }
 }
 
 
-.table tr.locked td.unlockable, .table tr td.lockable {
+.table tr.locked td.unlockable,
+.table tr td.lockable {
   position: relative;
   position: relative;
 }
 }
 
 
-.table tr.locked td.unlockable .fa, .table tr td.lockable .fa {
+.table tr.locked td.unlockable .fa,
+.table tr td.lockable .fa {
   display: none;
   display: none;
   position: absolute;
   position: absolute;
   margin-top: 6px;
   margin-top: 6px;
@@ -487,18 +504,20 @@ div.box {
   right: 28px;
   right: 28px;
 }
 }
 
 
-.table tr.locked td.unlockable:hover, .table tr td.lockable:hover {
+.table tr.locked td.unlockable:hover,
+.table tr td.lockable:hover {
   color: transparent;
   color: transparent;
 }
 }
 
 
-.table tr.locked td.unlockable:hover .fa, .table tr td.lockable:hover .fa {
+.table tr.locked td.unlockable:hover .fa,
+.table tr td.lockable:hover .fa {
   color: @cui-gray-800;
   color: @cui-gray-800;
   display: block;
   display: block;
 }
 }
 
 
 .fixed-first-col-hover {
 .fixed-first-col-hover {
-  background-color: @cui-purple-gray-050!important;
-  border-left: 2px solid @cui-gray-300!important;
+  background-color: @cui-purple-gray-050 !important;
+  border-left: 2px solid @cui-gray-300 !important;
   padding-left: 14px !important;
   padding-left: 14px !important;
 }
 }
 
 
@@ -536,10 +555,12 @@ div.box {
   border: 1px solid @cui-gray-400;
   border: 1px solid @cui-gray-400;
   border-radius: 6px;
   border-radius: 6px;
   .hue-box-shadow-bottom;
   .hue-box-shadow-bottom;
+
   -webkit-background-clip: padding-box;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   -moz-background-clip: padding;
   background-clip: padding-box;
   background-clip: padding-box;
   white-space: nowrap;
   white-space: nowrap;
+
   a {
   a {
     margin-left: 10px;
     margin-left: 10px;
     margin-right: -14px;
     margin-right: -14px;
@@ -547,6 +568,7 @@ div.box {
   }
   }
 }
 }
 
 
-.table-nowrap td, .table-nowrap th {
+.table-nowrap td,
+.table-nowrap th {
   white-space: nowrap;
   white-space: nowrap;
 }
 }

+ 15 - 1
desktop/core/src/desktop/static/desktop/less/components/hue-wizard.less

@@ -24,6 +24,7 @@
   margin-top: -10px;
   margin-top: -10px;
   z-index: 100;
   z-index: 100;
   padding-top: 10px;
   padding-top: 10px;
+
   ol {
   ol {
     margin: 0;
     margin: 0;
   }
   }
@@ -32,52 +33,64 @@
 .step-indicator {
 .step-indicator {
   border-collapse: separate;
   border-collapse: separate;
   display: table;
   display: table;
-  margin-left: 0px;
+  margin-left: 0;
   position: relative;
   position: relative;
   table-layout: fixed;
   table-layout: fixed;
   vertical-align: middle;
   vertical-align: middle;
   width: 100%;
   width: 100%;
+
   li {
   li {
     display: table-cell;
     display: table-cell;
     float: none;
     float: none;
     padding: 0;
     padding: 0;
     width: 49%;
     width: 49%;
   }
   }
+
   li.arrow {
   li.arrow {
     width: 2%;
     width: 2%;
     text-align: center;
     text-align: center;
   }
   }
+
   .active .step {
   .active .step {
     border-color: @cui-blue-700;
     border-color: @cui-blue-700;
     color: @cui-blue-700;
     color: @cui-blue-700;
   }
   }
+
   .active .caption {
   .active .caption {
     color: @cui-blue-700;
     color: @cui-blue-700;
   }
   }
+
   .complete .step {
   .complete .step {
     border-color: @cui-green-500;
     border-color: @cui-green-500;
     color: @cui-green-500;
     color: @cui-green-500;
   }
   }
+
   .complete .caption {
   .complete .caption {
     color: @cui-green-500;
     color: @cui-green-500;
   }
   }
+
   .error .step {
   .error .step {
     border-color: @cui-red-400;
     border-color: @cui-red-400;
     color: @cui-red-400;
     color: @cui-red-400;
   }
   }
+
   .error .caption {
   .error .caption {
     color: @cui-red-400;
     color: @cui-red-400;
   }
   }
+
   .active.complete .step {
   .active.complete .step {
     border-color: @cui-blue-700;
     border-color: @cui-blue-700;
     color: @cui-blue-700;
     color: @cui-blue-700;
   }
   }
+
   .active.complete .caption {
   .active.complete .caption {
     color: @cui-blue-700;
     color: @cui-blue-700;
   }
   }
+
   .inactive .caption {
   .inactive .caption {
     color: @cui-gray-300;
     color: @cui-gray-300;
   }
   }
+
   .step {
   .step {
     background-color: @cui-white;
     background-color: @cui-white;
     border: 1px solid @cui-gray-300;
     border: 1px solid @cui-gray-300;
@@ -91,6 +104,7 @@
     position: relative;
     position: relative;
     z-index: 1;
     z-index: 1;
   }
   }
+
   .caption {
   .caption {
     box-sizing: border-box;
     box-sizing: border-box;
     color: @cui-gray-300;
     color: @cui-gray-300;

+ 0 - 3
desktop/core/src/desktop/static/desktop/less/cui/extra-variables.less

@@ -98,8 +98,6 @@
 @cui-btn-primary-disabled-bg:     @cui-gray-200;
 @cui-btn-primary-disabled-bg:     @cui-gray-200;
 @cui-btn-primary-disabled-border: @cui-gray-400;
 @cui-btn-primary-disabled-border: @cui-gray-400;
 
 
-
-
 // === Modals : Shape and Position === //
 // === Modals : Shape and Position === //
 @cui-modal-clearing: 30px; // For calculating max-height
 @cui-modal-clearing: 30px; // For calculating max-height
 @cui-modal-border-radius: 7px;
 @cui-modal-border-radius: 7px;
@@ -125,7 +123,6 @@
 @cui-modal-width-lg: 900px;
 @cui-modal-width-lg: 900px;
 @cui-modal-width-xl: 90%;
 @cui-modal-width-xl: 90%;
 
 
-
 // For right aligned horizontal dl, we want a slightly wider.
 // For right aligned horizontal dl, we want a slightly wider.
 @dl-horizontal-right-offset: 176px;
 @dl-horizontal-right-offset: 176px;
 
 

+ 143 - 143
desktop/core/src/desktop/static/desktop/less/cui/variables.less

@@ -52,16 +52,16 @@
 //
 //
 //## Settings for some of the most global styles.
 //## Settings for some of the most global styles.
 
 
-//** Background color for `<body>`.
+//## Background color for `<body>`.
 @body-bg:               @cui-blue-gray-050;
 @body-bg:               @cui-blue-gray-050;
-//** Global text color on `<body>`.
+//## Global text color on `<body>`.
 @text-color:            @cui-gray-800;
 @text-color:            @cui-gray-800;
 
 
-//** Global textual link color.
+//## Global textual link color.
 @link-color:            @brand-primary;
 @link-color:            @brand-primary;
-//** Link hover color set via explicit color
+//## Link hover color set via explicit color
 @link-hover-color:      @cui-blue-900;
 @link-hover-color:      @cui-blue-900;
-//** Link hover decoration.
+//## Link hover decoration.
 @link-hover-decoration: underline;
 @link-hover-decoration: underline;
 
 
 
 
@@ -71,7 +71,7 @@
 
 
 @font-family-sans-serif:  Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
 @font-family-sans-serif:  Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
 @font-family-serif:       Georgia, "Times New Roman", Times, serif;
 @font-family-serif:       Georgia, "Times New Roman", Times, serif;
-//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
+//## Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
 @font-family-monospace:   Roboto Mono, Menlo, Monaco, Consolas, "Courier New", monospace;
 @font-family-monospace:   Roboto Mono, Menlo, Monaco, Consolas, "Courier New", monospace;
 @font-family-base:        @font-family-sans-serif;
 @font-family-base:        @font-family-sans-serif;
 
 
@@ -86,12 +86,12 @@
 @font-size-h5:            16px;
 @font-size-h5:            16px;
 @font-size-h6:            14px;
 @font-size-h6:            14px;
 
 
-//** Unit-less `line-height` for use in components like buttons.
+//## Unit-less `line-height` for use in components like buttons.
 @line-height-base:        1.428571429; // 20/14
 @line-height-base:        1.428571429; // 20/14
-//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+//## Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
 @line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
 @line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
 
 
-//** By default, this inherits from the `<body>`.
+//## By default, this inherits from the `<body>`.
 @headings-font-family:    inherit;
 @headings-font-family:    inherit;
 @headings-font-weight:    500;
 @headings-font-weight:    500;
 @headings-line-height:    1.1;
 @headings-line-height:    1.1;
@@ -102,11 +102,11 @@
 //
 //
 //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
 //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
 
 
-//** Load fonts from this directory.
+//## Load fonts from this directory.
 @icon-font-path:          "../fonts/";
 @icon-font-path:          "../fonts/";
-//** File name for all font files.
+//## File name for all font files.
 @icon-font-name:          "glyphicons-halflings-regular";
 @icon-font-name:          "glyphicons-halflings-regular";
-//** Element ID within SVG icon file.
+//## Element ID within SVG icon file.
 @icon-font-svg-id:        "glyphicons_halflingsregular";
 @icon-font-svg-id:        "glyphicons_halflingsregular";
 
 
 //== Components
 //== Components
@@ -133,14 +133,14 @@
 @border-radius-large:       4px;
 @border-radius-large:       4px;
 @border-radius-small:       4px;
 @border-radius-small:       4px;
 
 
-//** Global color for active items (e.g., navs or dropdowns).
+//## Global color for active items (e.g., navs or dropdowns).
 @component-active-color:    @cui-default-inverse-color;
 @component-active-color:    @cui-default-inverse-color;
-//** Global background color for active items (e.g., navs or dropdowns).
+//## Global background color for active items (e.g., navs or dropdowns).
 @component-active-bg:       @brand-primary;
 @component-active-bg:       @brand-primary;
 
 
-//** Width of the `border` for generating carets that indicator dropdowns.
+//## Width of the `border` for generating carets that indicator dropdowns.
 @caret-width-base:          4px;
 @caret-width-base:          4px;
-//** Carets increase slightly in size for larger components.
+//## Carets increase slightly in size for larger components.
 @caret-width-large:         5px;
 @caret-width-large:         5px;
 
 
 
 
@@ -148,20 +148,20 @@
 //
 //
 //## Customizes the `.table` component with basic values, each used across all table variations.
 //## Customizes the `.table` component with basic values, each used across all table variations.
 
 
-//** Padding for `<th>`s and `<td>`s.
+//## Padding for `<th>`s and `<td>`s.
 @table-cell-padding:            7px 8px 8px 8px;
 @table-cell-padding:            7px 8px 8px 8px;
-//** Padding for cells in `.table-condensed`.
+//## Padding for cells in `.table-condensed`.
 @table-condensed-cell-padding:  3px 8px 4px 8px;
 @table-condensed-cell-padding:  3px 8px 4px 8px;
 
 
-//** Default background color used for all tables.
+//## Default background color used for all tables.
 @table-bg:                      transparent;
 @table-bg:                      transparent;
-//** Background color used for `.table-striped`.
+//## Background color used for `.table-striped`.
 @table-bg-accent:               @cui-default-bg-color;
 @table-bg-accent:               @cui-default-bg-color;
-//** Background color used for `.table-hover`.
+//## Background color used for `.table-hover`.
 @table-bg-hover:                @cui-gray-050;
 @table-bg-hover:                @cui-gray-050;
 @table-bg-active:               @table-bg-hover;
 @table-bg-active:               @table-bg-hover;
 
 
-//** Border color for table and cell borders.
+//## Border color for table and cell borders.
 @table-border-color:            @cui-default-border-color;
 @table-border-color:            @cui-default-border-color;
 
 
 
 
@@ -207,50 +207,50 @@
 //
 //
 //##
 //##
 
 
-//** `<input>` background color
+//## `<input>` background color
 @input-bg:                       @cui-default-bg-color;
 @input-bg:                       @cui-default-bg-color;
-//** `<input disabled>` background color
+//## `<input disabled>` background color
 @input-bg-disabled:              @cui-gray-050;
 @input-bg-disabled:              @cui-gray-050;
 
 
-//** Text color for `<input>`s
+//## Text color for `<input>`s
 @input-color:                    @text-color;
 @input-color:                    @text-color;
-//** `<input>` border color
+//## `<input>` border color
 @input-border:                   @cui-gray-400;
 @input-border:                   @cui-gray-400;
 
 
 // TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
 // TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
-//** Default `.form-control` border radius
+//## Default `.form-control` border radius
 // This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
 // This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
 @input-border-radius:            @border-radius-base;
 @input-border-radius:            @border-radius-base;
-//** Large `.form-control` border radius
+//## Large `.form-control` border radius
 @input-border-radius-large:      @border-radius-large;
 @input-border-radius-large:      @border-radius-large;
-//** Small `.form-control` border radius
+//## Small `.form-control` border radius
 @input-border-radius-small:      @border-radius-small;
 @input-border-radius-small:      @border-radius-small;
 
 
-//** Border color for inputs on focus
+//## Border color for inputs on focus
 @input-border-focus:             #66afe9;
 @input-border-focus:             #66afe9;
 
 
-//** Placeholder text color
+//## Placeholder text color
 @input-color-placeholder:        @cui-gray-500;
 @input-color-placeholder:        @cui-gray-500;
 
 
-//** Default `.form-control` height
+//## Default `.form-control` height
 @input-height-base:              32px;
 @input-height-base:              32px;
-//** Large `.form-control` height
+//## Large `.form-control` height
 @input-height-large:             48px;
 @input-height-large:             48px;
-//** Small `.form-control` height
+//## Small `.form-control` height
 @input-height-small:             28px;
 @input-height-small:             28px;
 
 
-//** `.form-group` margin
+//## `.form-group` margin
 @form-group-margin-bottom:       12px;
 @form-group-margin-bottom:       12px;
 
 
 @legend-color:                   @gray-dark;
 @legend-color:                   @gray-dark;
 @legend-border-color:            #e5e5e5;
 @legend-border-color:            #e5e5e5;
 
 
-//** Background color for textual input addons
+//## Background color for textual input addons
 @input-group-addon-bg:           @well-bg;
 @input-group-addon-bg:           @well-bg;
-//** Border color for textual input addons
+//## Border color for textual input addons
 @input-group-addon-border-color: @input-border;
 @input-group-addon-border-color: @input-border;
 
 
-//** Disabled cursor for form controls and buttons.
+//## Disabled cursor for form controls and buttons.
 @cursor-disabled:                not-allowed;
 @cursor-disabled:                not-allowed;
 
 
 
 
@@ -258,34 +258,34 @@
 //
 //
 //## Dropdown menu container and contents.
 //## Dropdown menu container and contents.
 
 
-//** Background for the dropdown menu.
+//## Background for the dropdown menu.
 @dropdown-bg:                    @cui-default-bg-color;
 @dropdown-bg:                    @cui-default-bg-color;
-//** Dropdown menu `border-color`.
+//## Dropdown menu `border-color`.
 @dropdown-border:                rgba(0,0,0,.15);
 @dropdown-border:                rgba(0,0,0,.15);
-//** Dropdown menu `border-color` **for IE8**.
+//## Dropdown menu `border-color` **for IE8**.
 @dropdown-fallback-border:       #ccc;
 @dropdown-fallback-border:       #ccc;
-//** Divider color for between dropdown items.
+//## Divider color for between dropdown items.
 @dropdown-divider-bg:            #e5e5e5;
 @dropdown-divider-bg:            #e5e5e5;
 
 
-//** Dropdown link text color.
+//## Dropdown link text color.
 @dropdown-link-color:            @gray-dark;
 @dropdown-link-color:            @gray-dark;
-//** Hover color for dropdown links.
+//## Hover color for dropdown links.
 @dropdown-link-hover-color:      @cui-default-inverse-color;
 @dropdown-link-hover-color:      @cui-default-inverse-color;
-//** Hover background for dropdown links.
+//## Hover background for dropdown links.
 @dropdown-link-hover-bg:         @cui-blue-700;
 @dropdown-link-hover-bg:         @cui-blue-700;
 
 
-//** Active dropdown menu item text color.
+//## Active dropdown menu item text color.
 @dropdown-link-active-color:     @component-active-color;
 @dropdown-link-active-color:     @component-active-color;
-//** Active dropdown menu item background color.
+//## Active dropdown menu item background color.
 @dropdown-link-active-bg:        @component-active-bg;
 @dropdown-link-active-bg:        @component-active-bg;
 
 
-//** Disabled dropdown menu item background color.
+//## Disabled dropdown menu item background color.
 @dropdown-link-disabled-color:   @gray-light;
 @dropdown-link-disabled-color:   @gray-light;
 
 
-//** Text color for headers within dropdown menus.
+//## Text color for headers within dropdown menus.
 @dropdown-header-color:          @gray-light;
 @dropdown-header-color:          @gray-light;
 
 
-//** Deprecated `@dropdown-caret-color` as of v3.1.0
+//## Deprecated `@dropdown-caret-color` as of v3.1.0
 @dropdown-caret-color:           #000;
 @dropdown-caret-color:           #000;
 
 
 
 
@@ -310,32 +310,32 @@
 //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
 //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
 
 
 // Extra small screen / phone
 // Extra small screen / phone
-//** Deprecated `@screen-xs` as of v3.0.1
+//## Deprecated `@screen-xs` as of v3.0.1
 @screen-xs:                  480px;
 @screen-xs:                  480px;
-//** Deprecated `@screen-xs-min` as of v3.2.0
+//## Deprecated `@screen-xs-min` as of v3.2.0
 @screen-xs-min:              @screen-xs;
 @screen-xs-min:              @screen-xs;
-//** Deprecated `@screen-phone` as of v3.0.1
+//## Deprecated `@screen-phone` as of v3.0.1
 @screen-phone:               @screen-xs-min;
 @screen-phone:               @screen-xs-min;
 
 
 // Small screen / tablet
 // Small screen / tablet
-//** Deprecated `@screen-sm` as of v3.0.1
+//## Deprecated `@screen-sm` as of v3.0.1
 @screen-sm:                  768px;
 @screen-sm:                  768px;
 @screen-sm-min:              @screen-sm;
 @screen-sm-min:              @screen-sm;
-//** Deprecated `@screen-tablet` as of v3.0.1
+//## Deprecated `@screen-tablet` as of v3.0.1
 @screen-tablet:              @screen-sm-min;
 @screen-tablet:              @screen-sm-min;
 
 
 // Medium screen / desktop
 // Medium screen / desktop
-//** Deprecated `@screen-md` as of v3.0.1
+//## Deprecated `@screen-md` as of v3.0.1
 @screen-md:                  992px;
 @screen-md:                  992px;
 @screen-md-min:              @screen-md;
 @screen-md-min:              @screen-md;
-//** Deprecated `@screen-desktop` as of v3.0.1
+//## Deprecated `@screen-desktop` as of v3.0.1
 @screen-desktop:             @screen-md-min;
 @screen-desktop:             @screen-md-min;
 
 
 // Large screen / wide desktop
 // Large screen / wide desktop
-//** Deprecated `@screen-lg` as of v3.0.1
+//## Deprecated `@screen-lg` as of v3.0.1
 @screen-lg:                  1200px;
 @screen-lg:                  1200px;
 @screen-lg-min:              @screen-lg;
 @screen-lg-min:              @screen-lg;
-//** Deprecated `@screen-lg-desktop` as of v3.0.1
+//## Deprecated `@screen-lg-desktop` as of v3.0.1
 @screen-lg-desktop:          @screen-lg-min;
 @screen-lg-desktop:          @screen-lg-min;
 
 
 // So media queries don't overlap when required, provide a maximum
 // So media queries don't overlap when required, provide a maximum
@@ -348,14 +348,14 @@
 //
 //
 //## Define your custom responsive grid.
 //## Define your custom responsive grid.
 
 
-//** Number of columns in the grid.
+//## Number of columns in the grid.
 @grid-columns:              12;
 @grid-columns:              12;
-//** Padding between columns. Gets divided in half for the left and right.
+//## Padding between columns. Gets divided in half for the left and right.
 @grid-gutter-width:         24px;
 @grid-gutter-width:         24px;
 // Navbar collapse
 // Navbar collapse
-//** Point at which the navbar becomes uncollapsed.
+//## Point at which the navbar becomes uncollapsed.
 @grid-float-breakpoint:     @screen-sm-min;
 @grid-float-breakpoint:     @screen-sm-min;
-//** Point at which the navbar begins collapsing.
+//## Point at which the navbar begins collapsing.
 @grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
 @grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
 
 
 
 
@@ -365,17 +365,17 @@
 
 
 // Small screen / tablet
 // Small screen / tablet
 @container-tablet:             (720px + @grid-gutter-width);
 @container-tablet:             (720px + @grid-gutter-width);
-//** For `@screen-sm-min` and up.
+//## For `@screen-sm-min` and up.
 @container-sm:                 @container-tablet;
 @container-sm:                 @container-tablet;
 
 
 // Medium screen / desktop
 // Medium screen / desktop
 @container-desktop:            (940px + @grid-gutter-width);
 @container-desktop:            (940px + @grid-gutter-width);
-//** For `@screen-md-min` and up.
+//## For `@screen-md-min` and up.
 @container-md:                 @container-desktop;
 @container-md:                 @container-desktop;
 
 
 // Large screen / wide desktop
 // Large screen / wide desktop
 @container-large-desktop:      (1140px + @grid-gutter-width);
 @container-large-desktop:      (1140px + @grid-gutter-width);
-//** For `@screen-lg-min` and up.
+//## For `@screen-lg-min` and up.
 @container-lg:                 @container-large-desktop;
 @container-lg:                 @container-large-desktop;
 
 
 
 
@@ -543,17 +543,17 @@
 //
 //
 //##
 //##
 
 
-//** Tooltip max width
+//## Tooltip max width
 @tooltip-max-width:           200px;
 @tooltip-max-width:           200px;
-//** Tooltip text color
+//## Tooltip text color
 @tooltip-color:               @cui-default-inverse-color;
 @tooltip-color:               @cui-default-inverse-color;
-//** Tooltip background color
+//## Tooltip background color
 @tooltip-bg:                  #000;
 @tooltip-bg:                  #000;
 @tooltip-opacity:             .9;
 @tooltip-opacity:             .9;
 
 
-//** Tooltip arrow width
+//## Tooltip arrow width
 @tooltip-arrow-width:         5px;
 @tooltip-arrow-width:         5px;
-//** Tooltip arrow color
+//## Tooltip arrow color
 @tooltip-arrow-color:         @tooltip-bg;
 @tooltip-arrow-color:         @tooltip-bg;
 
 
 
 
@@ -561,28 +561,28 @@
 //
 //
 //##
 //##
 
 
-//** Popover body background color
+//## Popover body background color
 @popover-bg:                          @cui-default-bg-color;
 @popover-bg:                          @cui-default-bg-color;
-//** Popover maximum width
+//## Popover maximum width
 @popover-max-width:                   276px;
 @popover-max-width:                   276px;
-//** Popover border color
+//## Popover border color
 @popover-border-color:                @cui-default-border-color;
 @popover-border-color:                @cui-default-border-color;
-//** Popover fallback border color
+//## Popover fallback border color
 @popover-fallback-border-color:       #ccc;
 @popover-fallback-border-color:       #ccc;
 
 
-//** Popover title background color
+//## Popover title background color
 @popover-title-bg: @cui-purple-gray-050;
 @popover-title-bg: @cui-purple-gray-050;
 
 
-//** Popover arrow width
+//## Popover arrow width
 @popover-arrow-width:                 10px;
 @popover-arrow-width:                 10px;
-//** Popover arrow color
+//## Popover arrow color
 @popover-arrow-color:                 @popover-bg;
 @popover-arrow-color:                 @popover-bg;
 
 
-//** Popover outer arrow width
+//## Popover outer arrow width
 @popover-arrow-outer-width:           (@popover-arrow-width + 1);
 @popover-arrow-outer-width:           (@popover-arrow-width + 1);
-//** Popover outer arrow color
+//## Popover outer arrow color
 @popover-arrow-outer-color:           fadein(@popover-border-color, 5%);
 @popover-arrow-outer-color:           fadein(@popover-border-color, 5%);
-//** Popover outer arrow fallback color
+//## Popover outer arrow fallback color
 @popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);
 @popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);
 
 
 
 
@@ -590,22 +590,22 @@
 //
 //
 //##
 //##
 
 
-//** Default label background color
+//## Default label background color
 @label-default-bg:            @gray-light;
 @label-default-bg:            @gray-light;
-//** Primary label background color
+//## Primary label background color
 @label-primary-bg:            @brand-primary;
 @label-primary-bg:            @brand-primary;
-//** Success label background color
+//## Success label background color
 @label-success-bg:            @brand-success;
 @label-success-bg:            @brand-success;
-//** Info label background color
+//## Info label background color
 @label-info-bg:               @brand-info;
 @label-info-bg:               @brand-info;
-//** Warning label background color
+//## Warning label background color
 @label-warning-bg:            @brand-warning;
 @label-warning-bg:            @brand-warning;
-//** Danger label background color
+//## Danger label background color
 @label-danger-bg:             @brand-danger;
 @label-danger-bg:             @brand-danger;
 
 
-//** Default label text color
+//## Default label text color
 @label-color:                 @cui-default-inverse-color;
 @label-color:                 @cui-default-inverse-color;
-//** Default text color of a linked label
+//## Default text color of a linked label
 @label-link-hover-color:      @cui-default-inverse-color;
 @label-link-hover-color:      @cui-default-inverse-color;
 
 
 
 
@@ -613,28 +613,28 @@
 //
 //
 //##
 //##
 
 
-//** Padding applied to the modal body
+//## Padding applied to the modal body
 @modal-inner-padding:         24px;
 @modal-inner-padding:         24px;
 
 
-//** Padding applied to the modal title
+//## Padding applied to the modal title
 @modal-title-padding:         15px;
 @modal-title-padding:         15px;
-//** Modal title line-height
+//## Modal title line-height
 @modal-title-line-height:     60px;
 @modal-title-line-height:     60px;
 
 
-//** Background color of modal content area
+//## Background color of modal content area
 @modal-content-bg:           @cui-default-bg-color;
 @modal-content-bg:           @cui-default-bg-color;
-//** Modal content border color
+//## Modal content border color
 @modal-content-border-color: @cui-gray-800;
 @modal-content-border-color: @cui-gray-800;
-//** Modal content border color **for IE8**
+//## Modal content border color **for IE8**
 @modal-content-fallback-border-color:          #999;
 @modal-content-fallback-border-color:          #999;
 
 
-//** Modal backdrop background color
+//## Modal backdrop background color
 @modal-backdrop-bg:           @cui-black;
 @modal-backdrop-bg:           @cui-black;
-//** Modal backdrop opacity
+//## Modal backdrop opacity
 @modal-backdrop-opacity: .68;
 @modal-backdrop-opacity: .68;
-//** Modal header border color
+//## Modal header border color
 @modal-header-border-color:  @cui-default-border-color; // border-bottom only
 @modal-header-border-color:  @cui-default-border-color; // border-bottom only
-//** Modal footer border color
+//## Modal footer border color
 @modal-footer-border-color:  @cui-default-border-color;
 @modal-footer-border-color:  @cui-default-border-color;
 
 
 @modal-lg:                    900px;
 @modal-lg:                    900px;
@@ -671,22 +671,22 @@
 //
 //
 //##
 //##
 
 
-//** Background color of the whole progress component
+//## Background color of the whole progress component
 @progress-bg:                 #f5f5f5;
 @progress-bg:                 #f5f5f5;
-//** Progress bar text color
+//## Progress bar text color
 @progress-bar-color:          @cui-default-inverse-color;
 @progress-bar-color:          @cui-default-inverse-color;
-//** Variable for setting rounded corners on progress bar.
+//## Variable for setting rounded corners on progress bar.
 @progress-border-radius:      0;
 @progress-border-radius:      0;
 
 
-//** Default progress bar color
+//## Default progress bar color
 @progress-bar-bg:             @brand-primary;
 @progress-bar-bg:             @brand-primary;
-//** Success progress bar color
+//## Success progress bar color
 @progress-bar-success-bg:     @brand-success;
 @progress-bar-success-bg:     @brand-success;
-//** Warning progress bar color
+//## Warning progress bar color
 @progress-bar-warning-bg:     @brand-warning;
 @progress-bar-warning-bg:     @brand-warning;
-//** Danger progress bar color
+//## Danger progress bar color
 @progress-bar-danger-bg:      @brand-danger;
 @progress-bar-danger-bg:      @brand-danger;
-//** Info progress bar color
+//## Info progress bar color
 @progress-bar-info-bg:        @brand-info;
 @progress-bar-info-bg:        @brand-info;
 
 
 
 
@@ -694,29 +694,29 @@
 //
 //
 //##
 //##
 
 
-//** Background color on `.list-group-item`
+//## Background color on `.list-group-item`
 @list-group-bg:                 @cui-default-bg-color;
 @list-group-bg:                 @cui-default-bg-color;
-//** `.list-group-item` border color
+//## `.list-group-item` border color
 @list-group-border:             #ddd;
 @list-group-border:             #ddd;
-//** List group border radius
+//## List group border radius
 @list-group-border-radius:      0;
 @list-group-border-radius:      0;
 
 
-//** Background color of single list items on hover
+//## Background color of single list items on hover
 @list-group-hover-bg:           #f5f5f5;
 @list-group-hover-bg:           #f5f5f5;
-//** Text color of active list items
+//## Text color of active list items
 @list-group-active-color:       @component-active-color;
 @list-group-active-color:       @component-active-color;
-//** Background color of active list items
+//## Background color of active list items
 @list-group-active-bg:          @component-active-bg;
 @list-group-active-bg:          @component-active-bg;
-//** Border color of active list elements
+//## Border color of active list elements
 @list-group-active-border:      @list-group-active-bg;
 @list-group-active-border:      @list-group-active-bg;
-//** Text color for content within active list items
+//## Text color for content within active list items
 @list-group-active-text-color:  lighten(@list-group-active-bg, 40%);
 @list-group-active-text-color:  lighten(@list-group-active-bg, 40%);
 
 
-//** Text color of disabled list items
+//## Text color of disabled list items
 @list-group-disabled-color:      @gray-light;
 @list-group-disabled-color:      @gray-light;
-//** Background color of disabled list items
+//## Background color of disabled list items
 @list-group-disabled-bg:         @gray-lighter;
 @list-group-disabled-bg:         @gray-lighter;
-//** Text color for content within disabled list items
+//## Text color for content within disabled list items
 @list-group-disabled-text-color: @list-group-disabled-color;
 @list-group-disabled-text-color: @list-group-disabled-color;
 
 
 @list-group-link-color:         #555;
 @list-group-link-color:         #555;
@@ -734,7 +734,7 @@
 @panel-footer-padding:        7px 23px 12px 23px;
 @panel-footer-padding:        7px 23px 12px 23px;
 @panel-border-radius:         0;
 @panel-border-radius:         0;
 
 
-//** Border color for elements within panels
+//## Border color for elements within panels
 @panel-inner-border:          transparent;
 @panel-inner-border:          transparent;
 @panel-footer-bg:             @cui-default-bg-color;
 @panel-footer-bg:             @cui-default-bg-color;
 
 
@@ -767,18 +767,18 @@
 //
 //
 //##
 //##
 
 
-//** Padding around the thumbnail image
+//## Padding around the thumbnail image
 @thumbnail-padding:           4px;
 @thumbnail-padding:           4px;
-//** Thumbnail background color
+//## Thumbnail background color
 @thumbnail-bg:                @cui-default-bg-color;
 @thumbnail-bg:                @cui-default-bg-color;
-//** Thumbnail border color
+//## Thumbnail border color
 @thumbnail-border:            #ddd;
 @thumbnail-border:            #ddd;
-//** Thumbnail border radius
+//## Thumbnail border radius
 @thumbnail-border-radius:     0;
 @thumbnail-border-radius:     0;
 
 
-//** Custom text color for thumbnail captions
+//## Custom text color for thumbnail captions
 @thumbnail-caption-color:     @text-color;
 @thumbnail-caption-color:     @text-color;
-//** Padding around the thumbnail caption
+//## Padding around the thumbnail caption
 @thumbnail-caption-padding:   9px;
 @thumbnail-caption-padding:   9px;
 
 
 
 
@@ -795,13 +795,13 @@
 //##
 //##
 
 
 @badge-color:                 @cui-default-inverse-color;
 @badge-color:                 @cui-default-inverse-color;
-//** Linked badge text color on hover
+//## Linked badge text color on hover
 @badge-link-hover-color:      @cui-default-inverse-color;
 @badge-link-hover-color:      @cui-default-inverse-color;
 @badge-bg:                    @gray-light;
 @badge-bg:                    @gray-light;
 
 
-//** Badge text color in active nav link
+//## Badge text color in active nav link
 @badge-active-color:          @link-color;
 @badge-active-color:          @link-color;
-//** Badge background color in active nav link
+//## Badge background color in active nav link
 @badge-active-bg:             @cui-default-bg-color;
 @badge-active-bg:             @cui-default-bg-color;
 
 
 @badge-font-weight:           bold;
 @badge-font-weight:           bold;
@@ -815,13 +815,13 @@
 
 
 @breadcrumb-padding-vertical: 0;
 @breadcrumb-padding-vertical: 0;
 @breadcrumb-padding-horizontal: 24px;
 @breadcrumb-padding-horizontal: 24px;
-//** Breadcrumb background color
+//## Breadcrumb background color
 @breadcrumb-bg:                 transparent;
 @breadcrumb-bg:                 transparent;
-//** Breadcrumb text color
+//## Breadcrumb text color
 @breadcrumb-color:              @cui-gray-400;
 @breadcrumb-color:              @cui-gray-400;
-//** Text color of current page in the breadcrumb
+//## Text color of current page in the breadcrumb
 @breadcrumb-active-color:       @gray-light;
 @breadcrumb-active-color:       @gray-light;
-//** Textual separator for between breadcrumb elements
+//## Textual separator for between breadcrumb elements
 @breadcrumb-separator:          "/";
 @breadcrumb-separator:          "/";
 
 
 
 
@@ -871,25 +871,25 @@
 //
 //
 //##
 //##
 
 
-//** Horizontal offset for forms and lists.
+//## Horizontal offset for forms and lists.
 @component-offset-horizontal: 146px;
 @component-offset-horizontal: 146px;
-//** Text muted color
+//## Text muted color
 @text-muted:                  @cui-gray-700;
 @text-muted:                  @cui-gray-700;
-//** Abbreviations and acronyms border color
+//## Abbreviations and acronyms border color
 @abbr-border-color:           @gray-light;
 @abbr-border-color:           @gray-light;
-//** Headings small color
+//## Headings small color
 @headings-small-color:        @gray-light;
 @headings-small-color:        @gray-light;
-//** Blockquote small color
+//## Blockquote small color
 @blockquote-small-color:      @gray-light;
 @blockquote-small-color:      @gray-light;
-//** Blockquote font size
+//## Blockquote font size
 @blockquote-font-size:        (@font-size-base * 1.25);
 @blockquote-font-size:        (@font-size-base * 1.25);
-//** Blockquote border color
+//## Blockquote border color
 @blockquote-border-color:     @gray-lighter;
 @blockquote-border-color:     @gray-lighter;
-//** Page header border color
+//## Page header border color
 @page-header-border-color:    @cui-default-border-color;
 @page-header-border-color:    @cui-default-border-color;
-//** Width of horizontal description list titles
+//## Width of horizontal description list titles
 @dl-horizontal-offset:        @component-offset-horizontal;
 @dl-horizontal-offset:        @component-offset-horizontal;
-//** Point at which .dl-horizontal becomes horizontal
+//## Point at which .dl-horizontal becomes horizontal
 @dl-horizontal-breakpoint:    @grid-float-breakpoint;
 @dl-horizontal-breakpoint:    @grid-float-breakpoint;
-//** Horizontal line color.
+//## Horizontal line color.
 @hr-border:                   @cui-default-border-color;
 @hr-border:                   @cui-default-border-color;

+ 13 - 6
desktop/core/src/desktop/static/desktop/less/home.less

@@ -23,6 +23,7 @@
 .doc-browser-container {
 .doc-browser-container {
   .display-flex();
   .display-flex();
   .flex-direction(column);
   .flex-direction(column);
+
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
   bottom: 0;
   bottom: 0;
@@ -35,6 +36,7 @@
   .flex(0 0 auto);
   .flex(0 0 auto);
   .display-flex();
   .display-flex();
   .flex-wrap(nowrap);
   .flex-wrap(nowrap);
+
   overflow: hidden;
   overflow: hidden;
   padding: 2px;
   padding: 2px;
   padding-bottom: 0;
   padding-bottom: 0;
@@ -59,8 +61,10 @@
 
 
 .doc-browser-list {
 .doc-browser-list {
   .flex(1 1 auto);
   .flex(1 1 auto);
+
   overflow-y: scroll;
   overflow-y: scroll;
   overflow-x: hidden;
   overflow-x: hidden;
+  padding: 4px 0;
 }
 }
 
 
 .doc-browser-breadcrumbs {
 .doc-browser-breadcrumbs {
@@ -105,10 +109,6 @@
   z-index: 10;
   z-index: 10;
 }
 }
 
 
-.doc-browser-list {
-  padding: 4px 0;
-}
-
 .doc-browser-entries {
 .doc-browser-entries {
   list-style: none;
   list-style: none;
   margin: 0;
   margin: 0;
@@ -157,6 +157,7 @@
 .doc-browser-row {
 .doc-browser-row {
   .display-flex();
   .display-flex();
   .flex-wrap(nowrap);
   .flex-wrap(nowrap);
+
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
 }
 }
@@ -164,6 +165,7 @@
 .doc-browser-primary-col {
 .doc-browser-primary-col {
   .flex(1);
   .flex(1);
   .nowrap-ellipsis();
   .nowrap-ellipsis();
+
   min-width: 200px;
   min-width: 200px;
   vertical-align: middle;
   vertical-align: middle;
   padding-left: 8px;
   padding-left: 8px;
@@ -185,6 +187,7 @@
 
 
 .doc-browser-attr-group {
 .doc-browser-attr-group {
   .flex(0 1 770px);
   .flex(0 1 770px);
+
   white-space: nowrap;
   white-space: nowrap;
   float: right;
   float: right;
   display: inline-block;
   display: inline-block;
@@ -196,7 +199,7 @@
 }
 }
 
 
 .doc-browser-attr-col {
 .doc-browser-attr-col {
-  display: inline-block;;
+  display: inline-block;
   height: 30px;
   height: 30px;
   line-height: 30px;
   line-height: 30px;
   vertical-align: middle;
   vertical-align: middle;
@@ -217,21 +220,25 @@
 
 
 .doc-browser-description {
 .doc-browser-description {
   .nowrap-ellipsis();
   .nowrap-ellipsis();
+
   width: 300px;
   width: 300px;
 }
 }
 
 
 .doc-browser-type {
 .doc-browser-type {
   .nowrap-ellipsis();
   .nowrap-ellipsis();
+
   width: 130px;
   width: 130px;
 }
 }
 
 
 .doc-browser-owner {
 .doc-browser-owner {
   .nowrap-ellipsis();
   .nowrap-ellipsis();
+
   width: 130px;
   width: 130px;
 }
 }
 
 
 .doc-browser-modified {
 .doc-browser-modified {
   .nowrap-ellipsis();
   .nowrap-ellipsis();
+
   width: 130px;
   width: 130px;
 }
 }
 
 
@@ -325,4 +332,4 @@
 
 
 .document-types .hi {
 .document-types .hi {
   margin-right: 4px;
   margin-right: 4px;
-}
+}

+ 1 - 1
desktop/core/src/desktop/static/desktop/less/httperrors.less

@@ -34,4 +34,4 @@
     padding: 20px 35px 20px;
     padding: 20px 35px 20px;
     margin-bottom: 50px;
     margin-bottom: 50px;
   }
   }
-}
+}

+ 65 - 39
desktop/core/src/desktop/static/desktop/less/hue-assist.less

@@ -22,9 +22,11 @@
 .assist-panel {
 .assist-panel {
   .display-flex;
   .display-flex;
   .flex-direction(column);
   .flex-direction(column);
+
   height: 100%;
   height: 100%;
   overflow: hidden;
   overflow: hidden;
   position: relative;
   position: relative;
+
   & > .dz-default {
   & > .dz-default {
     display: none;
     display: none;
   }
   }
@@ -34,9 +36,10 @@
   .flex(0);
   .flex(0);
 }
 }
 
 
-.assist-panel-contents  {
+.assist-panel-contents {
   position: relative;
   position: relative;
   .flex(1 1 100%);
   .flex(1 1 100%);
+
   overflow: hidden;
   overflow: hidden;
   padding-top: 10px;
   padding-top: 10px;
 }
 }
@@ -130,7 +133,7 @@
   height: 16px;
   height: 16px;
   -webkit-filter: grayscale(1);
   -webkit-filter: grayscale(1);
   filter: grayscale(1);
   filter: grayscale(1);
-  opacity: .8;
+  opacity: 0.8;
 }
 }
 
 
 .assist {
 .assist {
@@ -153,6 +156,7 @@
 
 
 .assist-header {
 .assist-header {
   .flex(1);
   .flex(1);
+
   color: @hue-primary-color-dark;
   color: @hue-primary-color-dark;
   background-color: @cui-gray-050;
   background-color: @cui-gray-050;
   border-top: 1px solid @cui-default-border-color;
   border-top: 1px solid @cui-default-border-color;
@@ -178,22 +182,22 @@
 .assist-inner-header {
 .assist-inner-header {
   width: 100%;
   width: 100%;
   color: @cui-gray-700;
   color: @cui-gray-700;
-  margin-left:3px;
-  margin-bottom:2px;
+  margin-left: 3px;
+  margin-bottom: 2px;
   font-weight: bold;
   font-weight: bold;
   font-size: 15px;
   font-size: 15px;
-  margin-top: 0
+  margin-top: 0;
 }
 }
 
 
 .assist-stretchable-list {
 .assist-stretchable-list {
-  position:relative;
+  position: relative;
   overflow-y: auto;
   overflow-y: auto;
   overflow-x: hidden;
   overflow-x: hidden;
   width: 100%;
   width: 100%;
   border: none;
   border: none;
   padding: 0;
   padding: 0;
   margin-bottom: 1px;
   margin-bottom: 1px;
-  margin-top:3px;
+  margin-top: 3px;
 }
 }
 
 
 .assist-header-actions {
 .assist-header-actions {
@@ -209,6 +213,7 @@
 .assist-panel-switches {
 .assist-panel-switches {
   position: relative;
   position: relative;
   .flex(0 0 49px);
   .flex(0 0 49px);
+
   line-height: 49px;
   line-height: 49px;
   padding-left: 12px;
   padding-left: 12px;
   height: 49px;
   height: 49px;
@@ -283,7 +288,6 @@
 .assist-tables > li {
 .assist-tables > li {
   position: relative;
   position: relative;
   padding-top: 2px;
   padding-top: 2px;
-  padding-left-left: 4px;
   margin-left: 0;
   margin-left: 0;
   margin-right: 0;
   margin-right: 0;
   overflow-x: hidden;
   overflow-x: hidden;
@@ -299,7 +303,8 @@
   .assist-column {
   .assist-column {
     background-color: @cui-white;
     background-color: @cui-white;
 
 
-    .assist-actions, .assist-file-actions {
+    .assist-actions,
+    .assist-file-actions {
       background-color: @cui-white;
       background-color: @cui-white;
     }
     }
 
 
@@ -309,12 +314,14 @@
   }
   }
 
 
   .assist-column:hover {
   .assist-column:hover {
-    .assist-actions, .assist-file-actions {
+    .assist-actions,
+    .assist-file-actions {
       background-color: @cui-gray-050;
       background-color: @cui-gray-050;
     }
     }
   }
   }
 
 
-  .assist-actions, .assist-file-actions {
+  .assist-actions,
+  .assist-file-actions {
     background-color: @cui-gray-050;
     background-color: @cui-gray-050;
   }
   }
 }
 }
@@ -342,7 +349,7 @@
 
 
 .assist-breadcrumb-back {
 .assist-breadcrumb-back {
   font-size: 15px;
   font-size: 15px;
-  margin-right:8px;
+  margin-right: 8px;
 }
 }
 
 
 .assist-document-link .hi {
 .assist-document-link .hi {
@@ -367,7 +374,6 @@
   }
   }
 }
 }
 
 
-
 .assist-document-link,
 .assist-document-link,
 .assist-document-link:focus,
 .assist-document-link:focus,
 .assist-table-link,
 .assist-table-link,
@@ -387,7 +393,7 @@
 }
 }
 
 
 .assist-db-header-actions {
 .assist-db-header-actions {
-  position:absolute;
+  position: absolute;
   top: 0;
   top: 0;
   right: 0;
   right: 0;
   padding-left: 4px;
   padding-left: 4px;
@@ -409,7 +415,7 @@
 }
 }
 
 
 .assist-actions {
 .assist-actions {
-  position:absolute;
+  position: absolute;
   top: 0;
   top: 0;
   right: 0;
   right: 0;
   padding-left: 4px;
   padding-left: 4px;
@@ -428,12 +434,12 @@
   margin-left: 10px;
   margin-left: 10px;
 }
 }
 
 
-.assist-file-actions  {
-  position:absolute;
+.assist-file-actions {
+  position: absolute;
   top: 0;
   top: 0;
   right: 0;
   right: 0;
   padding-right: 15px;
   padding-right: 15px;
-  padding-left:4px;
+  padding-left: 4px;
   background-color: @cui-white;
   background-color: @cui-white;
   opacity: 0;
   opacity: 0;
 
 
@@ -443,7 +449,7 @@
 }
 }
 
 
 .table-actions {
 .table-actions {
-  padding-top:2px;
+  padding-top: 2px;
 }
 }
 
 
 .assist-tables > li.selected .assist-actions {
 .assist-tables > li.selected .assist-actions {
@@ -461,10 +467,10 @@
 }
 }
 
 
 .highlightable {
 .highlightable {
-  -webkit-transition: all .6s ease;
-  -moz-transition: all .6s ease;
-  -o-transition: all .6s ease;
-  transition: all .6s ease;
+  -webkit-transition: all 0.6s ease;
+  -moz-transition: all 0.6s ease;
+  -o-transition: all 0.6s ease;
+  transition: all 0.6s ease;
 }
 }
 
 
 .highlight {
 .highlight {
@@ -473,14 +479,15 @@
 }
 }
 
 
 .assist-db-header-actions .highlightable a > span {
 .assist-db-header-actions .highlightable a > span {
-  -webkit-transition: all .6s ease;
-  -moz-transition: all .6s ease;
-  -o-transition: all .6s ease;
-  transition: all .6s ease;
+  -webkit-transition: all 0.6s ease;
+  -moz-transition: all 0.6s ease;
+  -o-transition: all 0.6s ease;
+  transition: all 0.6s ease;
 }
 }
 
 
 .assist-db-header-actions .highlight {
 .assist-db-header-actions .highlight {
   padding-left: 0;
   padding-left: 0;
+
   a > span {
   a > span {
     text-shadow: 0 0 0.2em @hue-primary-color-light;
     text-shadow: 0 0 0.2em @hue-primary-color-light;
     color: @hue-primary-color-dark !important;
     color: @hue-primary-color-dark !important;
@@ -505,16 +512,19 @@
 
 
 .assist-flex-panel {
 .assist-flex-panel {
   .display-flex();
   .display-flex();
+
   position: relative;
   position: relative;
   .flex-flow(column nowrap);
   .flex-flow(column nowrap);
   .flex-align-items(stretch);
   .flex-align-items(stretch);
-  height:100%;
+
+  height: 100%;
 }
 }
 
 
 .assist-flex-header {
 .assist-flex-header {
   overflow: hidden;
   overflow: hidden;
   position: relative;
   position: relative;
   .flex(0 0 25px);
   .flex(0 0 25px);
+
   white-space: nowrap;
   white-space: nowrap;
   font-size: 15px;
   font-size: 15px;
 
 
@@ -528,6 +538,7 @@
   overflow: hidden;
   overflow: hidden;
   position: relative;
   position: relative;
   .flex(0 0 30px);
   .flex(0 0 30px);
+
   white-space: nowrap;
   white-space: nowrap;
 }
 }
 
 
@@ -644,6 +655,7 @@
   ul li {
   ul li {
     margin: 8px 0;
     margin: 8px 0;
   }
   }
+
   .hue-doc-title {
   .hue-doc-title {
     color: @hue-primary-color-dark;
     color: @hue-primary-color-dark;
     font: 15px/normal @font-family-monospace;
     font: 15px/normal @font-family-monospace;
@@ -651,6 +663,7 @@
     line-height: 18px;
     line-height: 18px;
     margin-bottom: 10px;
     margin-bottom: 10px;
   }
   }
+
   .hue-doc-codeblock,
   .hue-doc-codeblock,
   .hue-doc-codeph {
   .hue-doc-codeph {
     font-family: @font-family-monospace;
     font-family: @font-family-monospace;
@@ -659,64 +672,76 @@
     border: 1px solid @cui-gray-100;
     border: 1px solid @cui-gray-100;
     border-radius: 2px;
     border-radius: 2px;
   }
   }
-  .hue-doc-internal-link {
 
 
-  }
   .hue-doc-codeph {
   .hue-doc-codeph {
     padding: 0 3px;
     padding: 0 3px;
   }
   }
+
   .hue-doc-codeblock {
   .hue-doc-codeblock {
     display: block;
     display: block;
     white-space: pre;
     white-space: pre;
     overflow-x: auto;
     overflow-x: auto;
     margin-bottom: 10px;
     margin-bottom: 10px;
     padding: 6px 8px;
     padding: 6px 8px;
+
     .hue-doc-varname {
     .hue-doc-varname {
       color: @cui-steel;
       color: @cui-steel;
     }
     }
   }
   }
+
   .hue-doc-note {
   .hue-doc-note {
     border: 1px solid @hue-primary-color-light;
     border: 1px solid @hue-primary-color-light;
     padding: 4px 5px;
     padding: 4px 5px;
     margin-bottom: 10px;
     margin-bottom: 10px;
-    &:before {
+
+    &::before {
       content: 'Note:';
       content: 'Note:';
       color: @cui-gray-800;
       color: @cui-gray-800;
       font-weight: 500;
       font-weight: 500;
     }
     }
   }
   }
+
   .hue-doc-varname {
   .hue-doc-varname {
     font-family: @font-family-monospace;
     font-family: @font-family-monospace;
     font-style: italic;
     font-style: italic;
   }
   }
-  .hue-doc-ph {
 
 
-  }
+  //.hue-doc-ph {
+  //
+  //}
+
   .hue-doc-filepath {
   .hue-doc-filepath {
     font-family: @font-family-monospace;
     font-family: @font-family-monospace;
     color: @cui-gray-800;
     color: @cui-gray-800;
   }
   }
-  .hue-doc-external-link {
 
 
-  }
+  //.hue-doc-external-link {
+  //
+  //}
+
   .hue-doc-cmdname {
   .hue-doc-cmdname {
     font-family: @font-family-monospace;
     font-family: @font-family-monospace;
     color: @cui-steel;
     color: @cui-steel;
   }
   }
+
   .hue-doc-term {
   .hue-doc-term {
     font-family: @font-family-monospace;
     font-family: @font-family-monospace;
   }
   }
+
   .hue-doc-uicontrol {
   .hue-doc-uicontrol {
     display: inline-block;
     display: inline-block;
     font-weight: 500;
     font-weight: 500;
   }
   }
+
   .hue-doc-example {
   .hue-doc-example {
     font-family: @font-family-monospace;
     font-family: @font-family-monospace;
     color: @cui-steel;
     color: @cui-steel;
   }
   }
-  .hue-doc-sthead {
 
 
-  }
+  //.hue-doc-sthead {
+  //
+  //}
+
   .hue-doc-pre {
   .hue-doc-pre {
     display: block;
     display: block;
     font-family: @font-family-monospace;
     font-family: @font-family-monospace;
@@ -799,7 +824,6 @@
 
 
     li {
     li {
       padding: 0 10px;
       padding: 0 10px;
-
       direction: rtl;
       direction: rtl;
       text-align: left;
       text-align: left;
       .nowrap-ellipsis();
       .nowrap-ellipsis();
@@ -809,10 +833,12 @@
 
 
 .assist-preloader-wrapper {
 .assist-preloader-wrapper {
   background: repeat-y @cui-white;
   background: repeat-y @cui-white;
+
   .assist-preloader {
   .assist-preloader {
     background-color: @cui-white;
     background-color: @cui-white;
   }
   }
+
   &.assist-preloader-ghost {
   &.assist-preloader-ghost {
     background-image: url(/static/desktop/art/assist-preload.svg);
     background-image: url(/static/desktop/art/assist-preload.svg);
   }
   }
-}
+}

+ 12 - 6
desktop/core/src/desktop/static/desktop/less/hue-autocomplete.less

@@ -21,6 +21,7 @@
 .hue-ace-autocompleter {
 .hue-ace-autocompleter {
   position: fixed;
   position: fixed;
   .display-flex();
   .display-flex();
+
   z-index: 999;
   z-index: 999;
   max-height: 250px;
   max-height: 250px;
   align-items: flex-start;
   align-items: flex-start;
@@ -31,10 +32,10 @@
   .flex(0 0 300px);
   .flex(0 0 300px);
   .display-flex();
   .display-flex();
   .flex-direction(column);
   .flex-direction(column);
+
   width: 300px;
   width: 300px;
   max-height: 250px;
   max-height: 250px;
   overflow: hidden;
   overflow: hidden;
-
   border: 1px solid @cui-gray-300;
   border: 1px solid @cui-gray-300;
   border-radius: 2px;
   border-radius: 2px;
   background-color: @cui-white;
   background-color: @cui-white;
@@ -52,7 +53,8 @@
 
 
 .autocompleter-header {
 .autocompleter-header {
   .flex(0 0 20px);
   .flex(0 0 20px);
-  position:relative;
+
+  position: relative;
   padding: 5px;
   padding: 5px;
   background-color: @cui-gray-050;
   background-color: @cui-gray-050;
   line-height: 20px;
   line-height: 20px;
@@ -105,16 +107,18 @@
   height: 19px;
   height: 19px;
   clear: both;
   clear: both;
   background-color: @cui-white;
   background-color: @cui-white;
-  padding:3px;
+  padding: 3px;
   cursor: pointer;
   cursor: pointer;
   position: relative;
   position: relative;
-  font: 12px/normal @font-family-monospace;direction: ltr;
+  font: 12px/normal @font-family-monospace;
+  direction: ltr;
   line-height: 18px;
   line-height: 18px;
 }
 }
 
 
 .autocompleter-suggestion:hover {
 .autocompleter-suggestion:hover {
   background-color: @cui-blue-010;
   background-color: @cui-blue-010;
 }
 }
+
 .autocompleter-suggestion.selected {
 .autocompleter-suggestion.selected {
   background-color: @hue-primary-color-light;
   background-color: @hue-primary-color-light;
 }
 }
@@ -126,6 +130,7 @@
   overflow-x: hidden;
   overflow-x: hidden;
   text-overflow: ellipsis;
   text-overflow: ellipsis;
   white-space: nowrap;
   white-space: nowrap;
+
   b {
   b {
     font-weight: bolder;
     font-weight: bolder;
   }
   }
@@ -198,6 +203,7 @@
   color: @cui-gray-700;
   color: @cui-gray-700;
   font-style: italic;
   font-style: italic;
 }
 }
+
 .autocompleter-details-contents .details-comment * {
 .autocompleter-details-contents .details-comment * {
   font-size: 13px !important;
   font-size: 13px !important;
   line-height: 14px !important;
   line-height: 14px !important;
@@ -206,7 +212,7 @@
 
 
 .autocompleter-details-contents .details-code {
 .autocompleter-details-contents .details-code {
   background-color: @cui-gray-050;
   background-color: @cui-gray-050;
-  padding:3px;
+  padding: 3px;
   color: @cui-gray-700;
   color: @cui-gray-700;
   font: 12px/normal @font-family-monospace;
   font: 12px/normal @font-family-monospace;
   direction: ltr;
   direction: ltr;
@@ -223,4 +229,4 @@
 .fn-sig {
 .fn-sig {
   white-space: pre;
   white-space: pre;
   font-family: monospace;
   font-family: monospace;
-}
+}

+ 2 - 2
desktop/core/src/desktop/static/desktop/less/hue-bootstrap-embedded.less

@@ -23,11 +23,11 @@
   font-size: 14px;
   font-size: 14px;
   line-height: 20px;
   line-height: 20px;
   color: #424242;
   color: #424242;
-  background-color: #ECEFF1;
+  background-color: #eceff1;
 
 
   // From html definition in bootstrap2.css
   // From html definition in bootstrap2.css
   -webkit-font-smoothing: antialiased;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -moz-osx-font-smoothing: grayscale;
 
 
   @import (less) "../ext/css/cui/bootstrap2.css";
   @import (less) "../ext/css/cui/bootstrap2.css";
-}
+}

+ 1 - 1
desktop/core/src/desktop/static/desktop/less/hue-c3-overrides.less

@@ -22,4 +22,4 @@
   svg {
   svg {
     font: 10px Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font: 10px Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
   }
   }
-}
+}

+ 57 - 31
desktop/core/src/desktop/static/desktop/less/hue-cross-version.less

@@ -17,7 +17,6 @@
 */
 */
 @import (reference) "cui/colors.less";
 @import (reference) "cui/colors.less";
 @import (reference) "hue-mixins.less";
 @import (reference) "hue-mixins.less";
-
 @import "components/hue-breadcrumbs.less";
 @import "components/hue-breadcrumbs.less";
 @import "components/hue-catalog-entries-table.less";
 @import "components/hue-catalog-entries-table.less";
 @import "components/hue-demi-modal.less";
 @import "components/hue-demi-modal.less";
@@ -45,7 +44,6 @@
 @import "hue-helpers.less";
 @import "hue-helpers.less";
 @import "hue-c3-overrides.less";
 @import "hue-c3-overrides.less";
 
 
-
 ::-webkit-scrollbar {
 ::-webkit-scrollbar {
   width: 9px;
   width: 9px;
   height: 9px;
   height: 9px;
@@ -84,10 +82,12 @@ input[type='password']::-ms-reveal {
   padding-left: 0;
   padding-left: 0;
   color: @hue-primary-color-dark;
   color: @hue-primary-color-dark;
   cursor: pointer;
   cursor: pointer;
+
   .favorite-app {
   .favorite-app {
     opacity: 0;
     opacity: 0;
     .hue-linear-transition(opacity);
     .hue-linear-transition(opacity);
   }
   }
+
   &:hover {
   &:hover {
     .favorite-app {
     .favorite-app {
       opacity: 1;
       opacity: 1;
@@ -114,10 +114,11 @@ input[type='password']::-ms-reveal {
   color: @hue-primary-color-dark !important;
   color: @hue-primary-color-dark !important;
   padding: 0 !important;
   padding: 0 !important;
   border: none !important;
   border: none !important;
-  max-width: none!important;
+  max-width: none !important;
 }
 }
 
 
-.app-header a:focus, .app-header a:hover {
+.app-header a:focus,
+.app-header a:hover {
   color: @hue-primary-color-dark !important;
   color: @hue-primary-color-dark !important;
 }
 }
 
 
@@ -134,7 +135,8 @@ input[type='password']::-ms-reveal {
   text-align: center !important;
   text-align: center !important;
 }
 }
 
 
-.nowrap, .no-wrap {
+.nowrap,
+.no-wrap {
   white-space: nowrap;
   white-space: nowrap;
 }
 }
 
 
@@ -142,7 +144,6 @@ input[type='password']::-ms-reveal {
   padding: 0;
   padding: 0;
 }
 }
 
 
-
 // Hue Checkbox
 // Hue Checkbox
 
 
 .hue-checkbox {
 .hue-checkbox {
@@ -169,9 +170,8 @@ input[type='password']::-ms-reveal {
   }
   }
 
 
   &.hide {
   &.hide {
-    display: none!important;
+    display: none !important;
   }
   }
-
 }
 }
 
 
 .hueCheckboxText {
 .hueCheckboxText {
@@ -200,9 +200,11 @@ input[type='password']::-ms-reveal {
   height: 1em !important; //d3 conflict
   height: 1em !important; //d3 conflict
   fill: currentColor;
   fill: currentColor;
   margin-bottom: 0.2em;
   margin-bottom: 0.2em;
+
   &.hi-fw {
   &.hi-fw {
     width: 1.28571429em !important;
     width: 1.28571429em !important;
   }
   }
+
   &.hi-bigger {
   &.hi-bigger {
     height: 1.1em !important;
     height: 1.1em !important;
   }
   }
@@ -318,6 +320,7 @@ input[type='password']::-ms-reveal {
     margin-left: 15px;
     margin-left: 15px;
     vertical-align: text-top;
     vertical-align: text-top;
   }
   }
+
   .config-property {
   .config-property {
     display: inline !important;
     display: inline !important;
   }
   }
@@ -360,13 +363,13 @@ input[type='password']::-ms-reveal {
 }
 }
 
 
 .dockable {
 .dockable {
-  background-color: #FFF;
+  background-color: #fff;
   z-index: 1000;
   z-index: 1000;
   padding-bottom: 2px;
   padding-bottom: 2px;
 }
 }
 
 
 .pointer {
 .pointer {
- cursor: pointer!important;
+  cursor: pointer !important;
 }
 }
 
 
 .actionbar-creation {
 .actionbar-creation {
@@ -382,12 +385,15 @@ input[type='password']::-ms-reveal {
   width: 8px;
   width: 8px;
   height: 8px;
   height: 8px;
   display: inline-block;
   display: inline-block;
+
   &.green {
   &.green {
     background-color: @cui-green;
     background-color: @cui-green;
   }
   }
+
   &.orange {
   &.orange {
     background-color: @cui-orange;
     background-color: @cui-orange;
   }
   }
+
   &.red {
   &.red {
     background-color: @cui-red;
     background-color: @cui-red;
   }
   }
@@ -401,69 +407,80 @@ input[type='password']::-ms-reveal {
 
 
 .status-border {
 .status-border {
   &.completed {
   &.completed {
-    border-color: @cui-green!important;
+    border-color: @cui-green !important;
   }
   }
+
   &.running {
   &.running {
-    border-color: @cui-orange!important;
+    border-color: @cui-orange !important;
   }
   }
+
   &.failed {
   &.failed {
-    border-color: @cui-red!important;
+    border-color: @cui-red !important;
   }
   }
+
   &.info {
   &.info {
-    border-color: @hue-primary-color-dark!important;
+    border-color: @hue-primary-color-dark !important;
   }
   }
 }
 }
 
 
 .status-background {
 .status-background {
   &.completed {
   &.completed {
-    background-color: @cui-green!important;
+    background-color: @cui-green !important;
   }
   }
+
   &.running {
   &.running {
-    background-color: @cui-orange!important;
+    background-color: @cui-orange !important;
   }
   }
+
   &.failed {
   &.failed {
-    background-color: @cui-red!important;
+    background-color: @cui-red !important;
   }
   }
+
   &.info {
   &.info {
-    background-color: @hue-primary-color-dark!important;
+    background-color: @hue-primary-color-dark !important;
   }
   }
 }
 }
 
 
 .status-content {
 .status-content {
   &.completed {
   &.completed {
-    color: @cui-green!important;
+    color: @cui-green !important;
   }
   }
+
   &.running {
   &.running {
-    color: @cui-orange!important;
+    color: @cui-orange !important;
   }
   }
+
   &.failed {
   &.failed {
-    color: @cui-red!important;
+    color: @cui-red !important;
   }
   }
+
   &.info {
   &.info {
-    color: @hue-primary-color-dark!important;
+    color: @hue-primary-color-dark !important;
   }
   }
 }
 }
 
 
-
 .blue,
 .blue,
 .card-heading-blue {
 .card-heading-blue {
-  color: @hue-primary-color-dark!important;
+  color: @hue-primary-color-dark !important;
 }
 }
 
 
 .red {
 .red {
-  color: @cui-red-400!important;
+  color: @cui-red-400 !important;
 }
 }
 
 
 #ace_settingsmenu {
 #ace_settingsmenu {
   width: 350px;
   width: 350px;
+
   label {
   label {
     display: inline-block;
     display: inline-block;
     height: 31px;
     height: 31px;
     line-height: 31px;
     line-height: 31px;
   }
   }
+
   input {
   input {
     margin-bottom: 0;
     margin-bottom: 0;
   }
   }
+
   input[type='checkbox'] {
   input[type='checkbox'] {
     margin-right: 2px;
     margin-right: 2px;
     margin-top: 10px;
     margin-top: 10px;
@@ -473,6 +490,7 @@ input[type='password']::-ms-reveal {
 ul.errorlist {
 ul.errorlist {
   list-style: none outside none;
   list-style: none outside none;
   margin: 0;
   margin: 0;
+
   li {
   li {
     color: @cui-red-700;
     color: @cui-red-700;
     padding: 2px;
     padding: 2px;
@@ -483,15 +501,18 @@ ul.errorlist {
 
 
 .mega-popover {
 .mega-popover {
   max-width: 1200px;
   max-width: 1200px;
+
   .content {
   .content {
     height: 300px;
     height: 300px;
     overflow-y: scroll;
     overflow-y: scroll;
   }
   }
+
   .popover-content {
   .popover-content {
     min-height: 360px;
     min-height: 360px;
     min-width: 440px;
     min-width: 440px;
     max-width: 660px;
     max-width: 660px;
   }
   }
+
   input[type="text"] {
   input[type="text"] {
     border-radius: 20px;
     border-radius: 20px;
     margin: 0;
     margin: 0;
@@ -545,7 +566,7 @@ ul.errorlist {
   padding: 1px !important;
   padding: 1px !important;
   padding-left: 4px !important;
   padding-left: 4px !important;
   font-size: 12px !important;
   font-size: 12px !important;
-  border: 1px solid rgba(0,0,0,0.2) !important;
+  border: 1px solid rgba(0, 0, 0, 0.2) !important;
   border-radius: 2px !important;
   border-radius: 2px !important;
   box-shadow: none !important;
   box-shadow: none !important;
   margin-left: -1px;
   margin-left: -1px;
@@ -620,8 +641,10 @@ ul.errorlist {
   white-space: initial !important;
   white-space: initial !important;
 }
 }
 
 
-.nav-pills-border, .nav-tabs-border {
+.nav-pills-border,
+.nav-tabs-border {
   border-bottom: 1px solid @cui-default-border-color;
   border-bottom: 1px solid @cui-default-border-color;
+
   li.active {
   li.active {
     margin-bottom: -1px;
     margin-bottom: -1px;
   }
   }
@@ -635,6 +658,7 @@ ul.errorlist {
   margin-top: 50px;
   margin-top: 50px;
   color: @cui-gray-500;
   color: @cui-gray-500;
   line-height: 60px;
   line-height: 60px;
+
   i {
   i {
     font-size: 100px;
     font-size: 100px;
   }
   }
@@ -669,7 +693,7 @@ ul.errorlist {
   background-color: @cui-white;
   background-color: @cui-white;
 
 
   > div {
   > div {
-    position:absolute;
+    position: absolute;
     left: 0;
     left: 0;
     right: 0;
     right: 0;
     height: 30px;
     height: 30px;
@@ -732,14 +756,16 @@ ul.errorlist {
     color: @cui-gray-800;
     color: @cui-gray-800;
     white-space: nowrap;
     white-space: nowrap;
     padding: 6px 20px !important;
     padding: 6px 20px !important;
-    span{
+
+    span {
       font-size: 15px;
       font-size: 15px;
     }
     }
   }
   }
+
   div.no-match {
   div.no-match {
     width: 200px;
     width: 200px;
     height: 25px;
     height: 25px;
-    font-size : 15px
+    font-size: 15px;
   }
   }
 }
 }
 
 
@@ -748,4 +774,4 @@ ul.errorlist {
   margin-right: 30px;
   margin-right: 30px;
   margin-top: 15px;
   margin-top: 15px;
   margin-bottom: 0;
   margin-bottom: 0;
-}
+}

+ 19 - 8
desktop/core/src/desktop/static/desktop/less/hue-cui-overrides.less

@@ -34,12 +34,14 @@
   ul.nav li {
   ul.nav li {
     margin-right: 10px;
     margin-right: 10px;
     line-height: 19px;
     line-height: 19px;
+
     a {
     a {
       padding: 16px 15px 13px;
       padding: 16px 15px 13px;
     }
     }
   }
   }
 
 
-  ul.nav li a:hover, ul.nav li a:focus  {
+  ul.nav li a:hover,
+  ul.nav li a:focus {
     background-color: inherit;
     background-color: inherit;
   }
   }
 }
 }
@@ -76,10 +78,15 @@
 }
 }
 
 
 .nav-tabs > li > a {
 .nav-tabs > li > a {
-  border-bottom-width: 2px!important;
+  border-bottom-width: 2px !important;
 }
 }
 
 
-.form-inline label, .form-horizontal label, .form-vertical label, .form-inline .control-label, .form-horizontal .control-label, .form-vertical .control-label {
+.form-inline label,
+.form-horizontal label,
+.form-vertical label,
+.form-inline .control-label,
+.form-horizontal .control-label,
+.form-vertical .control-label {
   font-weight: normal !important;
   font-weight: normal !important;
 }
 }
 
 
@@ -88,7 +95,8 @@
 }
 }
 
 
 table.datatables {
 table.datatables {
-  border-top: none!important;
+  border-top: none !important;
+
   th {
   th {
     border-top: 1px solid @cui-gray-300 !important;
     border-top: 1px solid @cui-gray-300 !important;
   }
   }
@@ -100,12 +108,14 @@ table.datatables {
   margin-bottom: 0;
   margin-bottom: 0;
   padding: 0;
   padding: 0;
   border: none;
   border: none;
+
   .bar {
   .bar {
     .hue-no-box-shadow;
     .hue-no-box-shadow;
   }
   }
+
   .bar-label {
   .bar-label {
     text-align: center;
     text-align: center;
-    color: #FFFFFF;
+    color: #fff;
     font-size: 12px;
     font-size: 12px;
     line-height: 20px;
     line-height: 20px;
     text-shadow: 0 0 1px @cui-gray-800;
     text-shadow: 0 0 1px @cui-gray-800;
@@ -113,7 +123,8 @@ table.datatables {
 }
 }
 
 
 button:focus,
 button:focus,
-a:focus, a:active,
+a:focus,
+a:active,
 button::-moz-focus-inner,
 button::-moz-focus-inner,
 input[type="reset"]::-moz-focus-inner,
 input[type="reset"]::-moz-focus-inner,
 input[type="button"]::-moz-focus-inner,
 input[type="button"]::-moz-focus-inner,
@@ -133,7 +144,7 @@ select:-moz-focusring {
 }
 }
 
 
 .input-append input[type="password"] {
 .input-append input[type="password"] {
-    padding: 5px 6px;
+  padding: 5px 6px;
 }
 }
 
 
 .cui-app-switcher {
 .cui-app-switcher {
@@ -148,4 +159,4 @@ select:-moz-focusring {
       margin: 0 !important;
       margin: 0 !important;
     }
     }
   }
   }
-}
+}

+ 5 - 2
desktop/core/src/desktop/static/desktop/less/hue-embedded.less

@@ -43,6 +43,7 @@
   .hue-title-bar {
   .hue-title-bar {
     background-color: @cui-white !important;
     background-color: @cui-white !important;
     border-bottom: none !important;
     border-bottom: none !important;
+
     .navbar-inner {
     .navbar-inner {
       border-bottom: none !important;
       border-bottom: none !important;
     }
     }
@@ -95,13 +96,15 @@
   bottom: 0;
   bottom: 0;
   left: 0;
   left: 0;
   z-index: 1040;
   z-index: 1040;
-  background-color: #000000;
+  background-color: #000;
 }
 }
+
 .modal-backdrop.fade {
 .modal-backdrop.fade {
   opacity: 0;
   opacity: 0;
 }
 }
+
 .modal-backdrop,
 .modal-backdrop,
 .modal-backdrop.fade.in {
 .modal-backdrop.fade.in {
   opacity: 0.8;
   opacity: 0.8;
   filter: alpha(opacity=80);
   filter: alpha(opacity=80);
-}
+}

+ 7 - 5
desktop/core/src/desktop/static/desktop/less/hue-helpers.less

@@ -24,14 +24,15 @@
 }
 }
 
 
 .vertical-align-middle {
 .vertical-align-middle {
-  vertical-align: middle!important;
+  vertical-align: middle !important;
 }
 }
 
 
 .inline-block {
 .inline-block {
   display: inline-block;
   display: inline-block;
 }
 }
 
 
-pre, .like-pre {
+pre,
+.like-pre {
   border: none;
   border: none;
   border-left: 5px solid @cui-gray-300;
   border-left: 5px solid @cui-gray-300;
   border-radius: 0;
   border-radius: 0;
@@ -113,7 +114,7 @@ pre, .like-pre {
 }
 }
 
 
 .no-margin-top {
 .no-margin-top {
-  margin-top: 0!important;
+  margin-top: 0 !important;
 }
 }
 
 
 .no-margin-right {
 .no-margin-right {
@@ -144,7 +145,8 @@ pre, .like-pre {
   cursor: default !important;
   cursor: default !important;
 }
 }
 
 
-.pointer, .pointer-cursor {
+.pointer,
+.pointer-cursor {
   cursor: pointer !important;
   cursor: pointer !important;
 }
 }
 
 
@@ -176,4 +178,4 @@ pre, .like-pre {
 
 
 .flip-both {
 .flip-both {
   transform: scale(-1, -1);
   transform: scale(-1, -1);
-}
+}

+ 18 - 20
desktop/core/src/desktop/static/desktop/less/hue-mixins.less

@@ -19,10 +19,8 @@
 
 
 /*
 /*
 
 
-
   TODO: Replace with CUI equivalents where possible
   TODO: Replace with CUI equivalents where possible
 
 
-
 */
 */
 
 
 @hue-primary-color-dark: @cui-blue-700;
 @hue-primary-color-dark: @cui-blue-700;
@@ -61,19 +59,19 @@
 .hue-linear-transition(@attributes) {
 .hue-linear-transition(@attributes) {
   @value: ~`"@{attributes}".replace(/,/g, ' .2s linear,')`;
   @value: ~`"@{attributes}".replace(/,/g, ' .2s linear,')`;
 
 
-  -webkit-transition: @value .2s linear;
-  -moz-transition: @value .2s linear;
-  -ms-transition: @value .2s linear;
-  transition: @value .2s linear;
+  -webkit-transition: @value 0.2s linear;
+  -moz-transition: @value 0.2s linear;
+  -ms-transition: @value 0.2s linear;
+  transition: @value 0.2s linear;
 }
 }
 
 
 .hue-ease-transition(@attributes) {
 .hue-ease-transition(@attributes) {
   @value: ~`"@{attributes}".replace(/,/g, ' .2s ease,')`;
   @value: ~`"@{attributes}".replace(/,/g, ' .2s ease,')`;
 
 
-  -webkit-transition: @value .2s ease;
-  -moz-transition: @value .2s ease;
-  -ms-transition: @value .2s ease;
-  transition: @value .2s ease;
+  -webkit-transition: @value 0.2s ease;
+  -moz-transition: @value 0.2s ease;
+  -ms-transition: @value 0.2s ease;
+  transition: @value 0.2s ease;
 }
 }
 
 
 .hue-box-shadow-top {
 .hue-box-shadow-top {
@@ -93,26 +91,26 @@
 }
 }
 
 
 .hue-box-shadow(@left: 2px, @top: 2px) {
 .hue-box-shadow(@left: 2px, @top: 2px) {
-  -webkit-box-shadow: @left @top 8px rgba(0,0,0,.18);
-  -moz-box-shadow: @left @top 8px rgba(0,0,0,.18);
+  -webkit-box-shadow: @left @top 8px rgba(0, 0, 0, 0.18);
+  -moz-box-shadow: @left @top 8px rgba(0, 0, 0, 0.18);
   box-shadow: @left @top 6px 0 rgba(0, 0, 0, 0.18), @left @top 8px 0 rgba(0, 0, 0, 0.13);
   box-shadow: @left @top 6px 0 rgba(0, 0, 0, 0.18), @left @top 8px 0 rgba(0, 0, 0, 0.13);
 }
 }
 
 
 .hue-inset-box-shadow {
 .hue-inset-box-shadow {
-  -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125)!important;
-  -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125)!important;
-  box-shadow: inset 1px 0 0 rgba(255,255,255,.125)!important;
+  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125) !important;
+  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125) !important;
+  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125) !important;
 }
 }
 
 
 .hue-no-box-shadow {
 .hue-no-box-shadow {
-  -webkit-box-shadow: none!important;
-  -moz-box-shadow: none!important;
-  box-shadow: none!important;
+  -webkit-box-shadow: none !important;
+  -moz-box-shadow: none !important;
+  box-shadow: none !important;
 }
 }
 
 
 @keyframes fadein {
 @keyframes fadein {
   from { opacity: 0; }
   from { opacity: 0; }
-  to   { opacity: 1; }
+  to { opacity: 1; }
 }
 }
 
 
 .hue-fade-in {
 .hue-fade-in {
@@ -166,4 +164,4 @@
   -webkit-flex-wrap: @wrap;
   -webkit-flex-wrap: @wrap;
   -ms-flex-wrap: @wrap;
   -ms-flex-wrap: @wrap;
   flex-wrap: @wrap;
   flex-wrap: @wrap;
-}
+}

+ 42 - 22
desktop/core/src/desktop/static/desktop/less/hue-multi-cluster-icons.less

@@ -31,8 +31,8 @@
   font-variant: normal;
   font-variant: normal;
   text-align: center;
   text-align: center;
   text-transform: none;
   text-transform: none;
-
   text-rendering: auto;
   text-rendering: auto;
+
   /* Better Font Rendering =========== */
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -moz-osx-font-smoothing: grayscale;
@@ -59,67 +59,87 @@
   @altus-sql-editor: '\e912';
   @altus-sql-editor: '\e912';
   @altus-feedback: '\e913';
   @altus-feedback: '\e913';
 
 
-  &.altus-adb-cluster:before {
+  &.altus-adb-cluster::before {
     content: @altus-adb-cluster;
     content: @altus-adb-cluster;
   }
   }
-  &.altus-environment:before {
+
+  &.altus-environment::before {
     content: @altus-environment;
     content: @altus-environment;
   }
   }
-  &.altus-dashboard:before {
+
+  &.altus-dashboard::before {
     content: @altus-dashboard;
     content: @altus-dashboard;
   }
   }
-  &.altus-iam:before {
+
+  &.altus-iam::before {
     content: @altus-iam;
     content: @altus-iam;
   }
   }
-  &.altus-user-group:before {
+
+  &.altus-user-group::before {
     content: @altus-user-group;
     content: @altus-user-group;
   }
   }
-  &.altus-de-cluster:before {
+
+  &.altus-de-cluster::before {
     content: @altus-de-cluster;
     content: @altus-de-cluster;
   }
   }
-  &.altus-de-job:before {
+
+  &.altus-de-job::before {
     content: @altus-de-job;
     content: @altus-de-job;
   }
   }
-  &.altus-adb:before {
+
+  &.altus-adb::before {
     content: @altus-adb;
     content: @altus-adb;
   }
   }
-  &.altus-de:before {
+
+  &.altus-de::before {
     content: @altus-de;
     content: @altus-de;
   }
   }
-  &.altus-ds:before {
+
+  &.altus-ds::before {
     content: @altus-ds;
     content: @altus-ds;
   }
   }
-  &.altus-sdx:before {
+
+  &.altus-sdx::before {
     content: @altus-sdx;
     content: @altus-sdx;
   }
   }
-  &.altus-na:before {
+
+  &.altus-na::before {
     content: @altus-na;
     content: @altus-na;
   }
   }
-  &.altus-no-access:before {
+
+  &.altus-no-access::before {
     content: @altus-no-access;
     content: @altus-no-access;
   }
   }
-  &.altus-user-access:before {
+
+  &.altus-user-access::before {
     content: @altus-user-access;
     content: @altus-user-access;
   }
   }
-  &.altus-adb-query:before {
+
+  &.altus-adb-query::before {
     content: @altus-adb-query;
     content: @altus-adb-query;
   }
   }
-  &.altus-workload:before {
+
+  &.altus-workload::before {
     content: @altus-workload;
     content: @altus-workload;
   }
   }
-  &.altus-azure:before {
+
+  &.altus-azure::before {
     content: @altus-azure;
     content: @altus-azure;
   }
   }
-  &.altus-aws:before {
+
+  &.altus-aws::before {
     content: @altus-aws;
     content: @altus-aws;
   }
   }
-  &.altus-user:before {
+
+  &.altus-user::before {
     content: @altus-user;
     content: @altus-user;
   }
   }
-  &.altus-sql-editor:before {
+
+  &.altus-sql-editor::before {
     content: @altus-sql-editor;
     content: @altus-sql-editor;
   }
   }
-  &.altus-feedback:before {
+
+  &.altus-feedback::before {
     content: @altus-feedback;
     content: @altus-feedback;
   }
   }
 }
 }

+ 1 - 3
desktop/core/src/desktop/static/desktop/less/hue.less

@@ -17,13 +17,11 @@
 */
 */
 @import (reference) "cui/colors.less";
 @import (reference) "cui/colors.less";
 @import (reference) "hue-mixins.less";
 @import (reference) "hue-mixins.less";
-
 @import "hue-assist";
 @import "hue-assist";
 @import "hue-autocomplete";
 @import "hue-autocomplete";
 @import "hue-cui-overrides.less";
 @import "hue-cui-overrides.less";
 @import "hue-cross-version.less";
 @import "hue-cross-version.less";
 @import "hue-multi-cluster-icons.less";
 @import "hue-multi-cluster-icons.less";
-
 @import "components/hue-clearable.less";
 @import "components/hue-clearable.less";
 @import "components/hue-sidebar.less";
 @import "components/hue-sidebar.less";
 @import "components/hue-hamburger.less";
 @import "components/hue-hamburger.less";
@@ -44,4 +42,4 @@ body {
   margin: 0;
   margin: 0;
   padding: 0;
   padding: 0;
   overflow: hidden;
   overflow: hidden;
-}
+}

+ 18 - 12
desktop/core/src/desktop/static/desktop/less/hue3-extra.less

@@ -17,12 +17,10 @@
 */
 */
 @import (reference) "cui/colors.less";
 @import (reference) "cui/colors.less";
 @import (reference) "hue-mixins.less";
 @import (reference) "hue-mixins.less";
-
 @import "hue-assist";
 @import "hue-assist";
 @import "hue-autocomplete";
 @import "hue-autocomplete";
 @import "hue-cui-overrides.less";
 @import "hue-cui-overrides.less";
 @import "hue-cross-version.less";
 @import "hue-cross-version.less";
-
 @import "components/hue-clearable.less";
 @import "components/hue-clearable.less";
 
 
 .svg-hue-logo-main {
 .svg-hue-logo-main {
@@ -30,12 +28,12 @@
 }
 }
 
 
 .svg-hue-logo-trunk {
 .svg-hue-logo-trunk {
-  fill: #D7B9EB;
+  fill: #d7b9eb;
 }
 }
 
 
 .subnav {
 .subnav {
   background-color: @cui-gray-100;
   background-color: @cui-gray-100;
-  background-image: -moz-linear-gradient(center top, @cui-gray-050 0%, @cui-gray-100 100%);
+  background-image: -moz-linear-gradient(center top, @cui-gray-050 0, @cui-gray-100 100%);
   background-repeat: repeat-x;
   background-repeat: repeat-x;
   border: 1px solid @cui-gray-200;
   border: 1px solid @cui-gray-200;
   border-radius: 4px;
   border-radius: 4px;
@@ -65,7 +63,8 @@
   border-left: 1px solid @cui-gray-050;
   border-left: 1px solid @cui-gray-050;
 }
 }
 
 
-.subnav .nav > .active > a, .subnav .nav > .active > a:hover {
+.subnav .nav > .active > a,
+.subnav .nav > .active > a:hover {
   background-color: @cui-gray-100;
   background-color: @cui-gray-100;
   border-left: 0 none;
   border-left: 0 none;
   border-right-color: @cui-gray-300;
   border-right-color: @cui-gray-300;
@@ -74,11 +73,13 @@
   padding-left: 13px;
   padding-left: 13px;
 }
 }
 
 
-.subnav .nav > .active > a .caret, .subnav .nav > .active > a:hover .caret {
+.subnav .nav > .active > a .caret,
+.subnav .nav > .active > a:hover .caret {
   border-top-color: @cui-gray-700;
   border-top-color: @cui-gray-700;
 }
 }
 
 
-.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
+.subnav .nav > li:first-child > a,
+.subnav .nav > li:first-child > a:hover {
   border-left: 0 none;
   border-left: 0 none;
   border-radius: 4px 0 0 4px;
   border-radius: 4px 0 0 4px;
   -webkit-border-radius: 4px 0 0 4px;
   -webkit-border-radius: 4px 0 0 4px;
@@ -97,12 +98,12 @@
 }
 }
 
 
 .subnav-fixed {
 .subnav-fixed {
-  border-color: #D5D5D5;
+  border-color: #d5d5d5;
   border-radius: 0;
   border-radius: 0;
   -webkit-border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -moz-border-radius: 0;
   border-width: 0 0 1px;
   border-width: 0 0 1px;
-  box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 0 #fff inset, 0 1px 5px rgba(0, 0, 0, 0.1);
   left: 0;
   left: 0;
   position: fixed;
   position: fixed;
   right: 0;
   right: 0;
@@ -115,7 +116,8 @@
   padding: 0 1px;
   padding: 0 1px;
 }
 }
 
 
-.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
+.subnav .nav > li:first-child > a,
+.subnav .nav > li:first-child > a:hover {
   border-radius: 0;
   border-radius: 0;
   -webkit-border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -moz-border-radius: 0;
@@ -145,12 +147,14 @@
 .search-container {
 .search-container {
   .display-flex;
   .display-flex;
   .flex(1 1 37px);
   .flex(1 1 37px);
+
   position: relative;
   position: relative;
   margin: 8px 10px 0 10px;
   margin: 8px 10px 0 10px;
 }
 }
 
 
 .search-container > input {
 .search-container > input {
   .flex(1 1 100%);
   .flex(1 1 100%);
+
   border-radius: 4px 0 0 4px;
   border-radius: 4px 0 0 4px;
   border: 1px solid @cui-gray-300;
   border: 1px solid @cui-gray-300;
   border-right: none;
   border-right: none;
@@ -160,6 +164,7 @@
 
 
 .search-container > a {
 .search-container > a {
   .flex(0 0 31px);
   .flex(0 0 31px);
+
   margin-bottom: 0;
   margin-bottom: 0;
   cursor: pointer;
   cursor: pointer;
   border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
@@ -196,13 +201,14 @@
 .dropdown-menu > li > a > svg {
 .dropdown-menu > li > a > svg {
   color: @hue-primary-color-dark;
   color: @hue-primary-color-dark;
 }
 }
+
 .dropdown-menu > li.active > a > svg,
 .dropdown-menu > li.active > a > svg,
 .dropdown-menu > li > a:hover > svg,
 .dropdown-menu > li > a:hover > svg,
 .dropdown-menu > li > a:focus > svg,
 .dropdown-menu > li > a:focus > svg,
 .dropdown-menu > li > a:active > svg {
 .dropdown-menu > li > a:active > svg {
-  color: #FFF !important;
+  color: #fff !important;
 }
 }
 
 
 .dropdown-menu .svg-app-icon {
 .dropdown-menu .svg-app-icon {
   margin-right: 4px;
   margin-right: 4px;
-}
+}

+ 60 - 27
desktop/core/src/desktop/static/desktop/less/hue4.less

@@ -22,6 +22,7 @@
   position: relative;
   position: relative;
   .display-flex;
   .display-flex;
   .flex-direction(column);
   .flex-direction(column);
+
   height: 100%;
   height: 100%;
   width: 100%;
   width: 100%;
   margin: 0;
   margin: 0;
@@ -38,6 +39,7 @@
   .flex(1 1 100%);
   .flex(1 1 100%);
   .display-flex;
   .display-flex;
   .flex-direction(row);
   .flex-direction(row);
+
   position: relative;
   position: relative;
   width: 100%;
   width: 100%;
   min-width: 0;
   min-width: 0;
@@ -55,6 +57,7 @@
 
 
 .top-nav {
 .top-nav {
   .display-flex;
   .display-flex;
+
   position: relative;
   position: relative;
   z-index: 1009;
   z-index: 1009;
 }
 }
@@ -65,6 +68,7 @@
 
 
 .top-nav-middle {
 .top-nav-middle {
   .flex(1);
   .flex(1);
+
   padding: 0 10px;
   padding: 0 10px;
   width: 100%;
   width: 100%;
 }
 }
@@ -124,7 +128,9 @@
   padding: 4px;
   padding: 4px;
   cursor: pointer;
   cursor: pointer;
   border-left: 2px solid @cui-white;
   border-left: 2px solid @cui-white;
-  &:hover, &.active {
+
+  &:hover,
+  &.active {
     background-color: @cui-gray-050;
     background-color: @cui-gray-050;
     border-left-color: @cui-gray-100;
     border-left-color: @cui-gray-100;
   }
   }
@@ -152,11 +158,13 @@
   border-radius: 4px;
   border-radius: 4px;
 }
 }
 
 
-.navbar-dropdown-flat:hover .btn, .btn-flat:hover {
+.navbar-dropdown-flat:hover .btn,
+.btn-flat:hover {
   background-color: rgba(240, 240, 240, 0.6) !important;
   background-color: rgba(240, 240, 240, 0.6) !important;
 }
 }
 
 
-.navbar-dropdown-flat .btn, .btn-flat {
+.navbar-dropdown-flat .btn,
+.btn-flat {
   color: @hue-primary-color-dark;
   color: @hue-primary-color-dark;
   border: 1px solid transparent;
   border: 1px solid transparent;
   background-color: transparent;
   background-color: transparent;
@@ -166,7 +174,8 @@
   .hue-ease-transition(~"background-color, color");
   .hue-ease-transition(~"background-color, color");
 }
 }
 
 
-.navbar-dropdown-flat .btn:hover, .btn-flat:hover {
+.navbar-dropdown-flat .btn:hover,
+.btn-flat:hover {
   background-color: rgba(240, 240, 240, 0.92);
   background-color: rgba(240, 240, 240, 0.92);
   border: 1px solid transparent;
   border: 1px solid transparent;
   color: @hue-primary-color-dark;
   color: @hue-primary-color-dark;
@@ -176,6 +185,7 @@
   .caret {
   .caret {
     opacity: 0;
     opacity: 0;
   }
   }
+
   &:hover {
   &:hover {
     .caret {
     .caret {
       opacity: 1;
       opacity: 1;
@@ -269,12 +279,14 @@
 .search-container {
 .search-container {
   .display-flex;
   .display-flex;
   .flex(1 1 44px);
   .flex(1 1 44px);
+
   position: relative;
   position: relative;
   margin: 8px 10px 0 10px;
   margin: 8px 10px 0 10px;
 }
 }
 
 
 .search-container-top-old > input {
 .search-container-top-old > input {
   .flex(1 1 100%);
   .flex(1 1 100%);
+
   border-radius: 4px;
   border-radius: 4px;
   border: 1px solid @cui-gray-300;
   border: 1px solid @cui-gray-300;
   box-shadow: none;
   box-shadow: none;
@@ -283,6 +295,7 @@
 
 
 .search-container > input {
 .search-container > input {
   .flex(1 1 100%);
   .flex(1 1 100%);
+
   border-radius: 2px 0 0 2px;
   border-radius: 2px 0 0 2px;
   border: 1px solid @cui-gray-300;
   border: 1px solid @cui-gray-300;
   border-right: none;
   border-right: none;
@@ -292,6 +305,7 @@
 
 
 .search-container-top {
 .search-container-top {
   .flex(1 1 100%);
   .flex(1 1 100%);
+
   position: relative;
   position: relative;
 }
 }
 
 
@@ -309,6 +323,7 @@
 .search-container-top-old > a,
 .search-container-top-old > a,
 .search-container > a {
 .search-container > a {
   .flex(0 0 31px);
   .flex(0 0 31px);
+
   margin-bottom: 0;
   margin-bottom: 0;
   cursor: pointer;
   cursor: pointer;
   border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
@@ -330,6 +345,7 @@
 .left-panel,
 .left-panel,
 .right-panel {
 .right-panel {
   .flex(0);
   .flex(0);
+
   position: relative;
   position: relative;
   background-color: @cui-white;
   background-color: @cui-white;
 }
 }
@@ -340,20 +356,22 @@
 
 
 .right-panel {
 .right-panel {
   .display-flex();
   .display-flex();
+
   min-width: 250px;
   min-width: 250px;
 
 
   &.right-assist-minimized {
   &.right-assist-minimized {
     min-width: 38px;
     min-width: 38px;
     max-width: 38px;
     max-width: 38px;
     flex-basis: 38px;
     flex-basis: 38px;
+
     .right-assist-tabs {
     .right-assist-tabs {
       cursor: default;
       cursor: default;
     }
     }
-
   }
   }
 
 
   .right-assist-tabs {
   .right-assist-tabs {
     .flex(0 0 35px);
     .flex(0 0 35px);
+
     padding-top: 5px;
     padding-top: 5px;
     border-left: 1px solid @cui-gray-300;
     border-left: 1px solid @cui-gray-300;
     border-right: 1px solid @cui-gray-300;
     border-right: 1px solid @cui-gray-300;
@@ -382,7 +400,6 @@
   .right-assist-contents {
   .right-assist-contents {
     overflow-x: hidden;
     overflow-x: hidden;
     overflow-y: auto;
     overflow-y: auto;
-
     position: relative;
     position: relative;
     .flex(1 1 100%);
     .flex(1 1 100%);
   }
   }
@@ -391,11 +408,13 @@
 .side-panel-closed {
 .side-panel-closed {
   min-width: 0;
   min-width: 0;
   .flex-basis(0) !important;
   .flex-basis(0) !important;
+
   width: 0 !important;
   width: 0 !important;
 }
 }
 
 
 .resizer {
 .resizer {
   .flex(0 0 2px);
   .flex(0 0 2px);
+
   cursor: col-resize;
   cursor: col-resize;
 }
 }
 
 
@@ -408,6 +427,7 @@
 
 
 .page-content {
 .page-content {
   .flex(1);
   .flex(1);
+
   position: relative;
   position: relative;
   overflow-x: auto;
   overflow-x: auto;
 }
 }
@@ -418,8 +438,8 @@
 }
 }
 
 
 .hue-title-bar {
 .hue-title-bar {
-  border-bottom: 1px solid #DCDCDC;
-  background-color:#F8F8F8;
+  border-bottom: 1px solid #dcdcdc;
+  background-color: #f8f8f8;
 
 
   .navbar-inner {
   .navbar-inner {
     background-color: transparent !important;
     background-color: transparent !important;
@@ -440,6 +460,7 @@
 .inactive-action-dark,
 .inactive-action-dark,
 .inactive-action-dark a {
 .inactive-action-dark a {
   color: @cui-gray-800;
   color: @cui-gray-800;
+
   i.fa {
   i.fa {
     color: @cui-gray-600;
     color: @cui-gray-600;
   }
   }
@@ -487,7 +508,6 @@ a:visited {
 
 
 /* Context menu, popover etc. */
 /* Context menu, popover etc. */
 
 
-
 .hue-context-menu {
 .hue-context-menu {
   display: none;
   display: none;
   position: fixed;
   position: fixed;
@@ -497,10 +517,11 @@ a:visited {
   list-style: none;
   list-style: none;
   font-size: 13px;
   font-size: 13px;
   opacity: 0;
   opacity: 0;
-  transition: opacity .3s;
+  transition: opacity 0.3s;
 }
 }
 
 
-.hue-context-menu, .hue-popover-bottom {
+.hue-context-menu,
+.hue-popover-bottom {
   border-radius: @hue-panel-border-radius;
   border-radius: @hue-panel-border-radius;
   background-color: @cui-white;
   background-color: @cui-white;
   .hue-box-shadow-bottom;
   .hue-box-shadow-bottom;
@@ -509,6 +530,7 @@ a:visited {
 .hue-syntax-drop-down {
 .hue-syntax-drop-down {
   position: absolute;
   position: absolute;
   z-index: 1038;
   z-index: 1038;
+
   .dropdown-menu {
   .dropdown-menu {
     overflow-y: scroll;
     overflow-y: scroll;
   }
   }
@@ -534,7 +556,6 @@ a:visited {
   line-height: 22px;
   line-height: 22px;
   vertical-align: middle;
   vertical-align: middle;
   padding: 6px 16px 6px 16px;
   padding: 6px 16px 6px 16px;
-
   color: @cui-gray-800;
   color: @cui-gray-800;
   text-decoration: none;
   text-decoration: none;
   font-weight: 400;
   font-weight: 400;
@@ -595,7 +616,8 @@ a:visited {
   vertical-align: middle;
   vertical-align: middle;
 }
 }
 
 
-.hue-context-menu > li > a > i:not(.sub-icon), .hue-context-menu > li > a > .hi:not(.sub-icon) {
+.hue-context-menu > li > a > i:not(.sub-icon),
+.hue-context-menu > li > a > .hi:not(.sub-icon) {
   position: absolute;
   position: absolute;
   top: 6px;
   top: 6px;
   left: 13px;
   left: 13px;
@@ -614,7 +636,6 @@ a:visited {
   right: 13px;
   right: 13px;
   line-height: 22px;
   line-height: 22px;
   height: 24px;
   height: 24px;
-
   color: @cui-gray-800;
   color: @cui-gray-800;
   font-size: 12px;
   font-size: 12px;
   vertical-align: middle;
   vertical-align: middle;
@@ -650,7 +671,7 @@ a:visited {
 }
 }
 
 
 .page-content .navbar.navbar-inverse.navbar-fixed-top {
 .page-content .navbar.navbar-inverse.navbar-fixed-top {
-  position: static!important;
+  position: static !important;
 }
 }
 
 
 .page-content .navbar .navbar-inner {
 .page-content .navbar .navbar-inner {
@@ -677,20 +698,22 @@ a:visited {
 
 
 /* oozie workflow */
 /* oozie workflow */
 .oozie_workflowComponents .card-toolbar {
 .oozie_workflowComponents .card-toolbar {
-  position: static!important;
-  width: auto!important;
+  position: static !important;
+  width: auto !important;
 }
 }
 
 
-.tooltip, .ui-autocomplete {
+.tooltip,
+.ui-autocomplete {
   z-index: 1040 !important;
   z-index: 1040 !important;
 }
 }
 
 
 /* sqoop */
 /* sqoop */
 #sqoopComponents .top-bar {
 #sqoopComponents .top-bar {
-  position: static!important;
+  position: static !important;
 }
 }
 
 
 /* context panel */
 /* context panel */
+
 /* TODO: Positioning and clean-up */
 /* TODO: Positioning and clean-up */
 .context-panel {
 .context-panel {
   position: fixed;
   position: fixed;
@@ -724,21 +747,25 @@ a:visited {
   overflow-y: hidden;
   overflow-y: hidden;
   height: 800px;
   height: 800px;
   max-height: 800px;
   max-height: 800px;
+
   input.search-query {
   input.search-query {
     width: 70px;
     width: 70px;
   }
   }
+
   .status-border-container li {
   .status-border-container li {
     padding: 7px;
     padding: 7px;
     margin-top: 10px;
     margin-top: 10px;
     border-left: 3px solid @cui-white;
     border-left: 3px solid @cui-white;
+
     &:hover {
     &:hover {
       background-color: @cui-gray-050;
       background-color: @cui-gray-050;
     }
     }
   }
   }
+
   .status-bar {
   .status-bar {
     height: 1px;
     height: 1px;
     width: 0;
     width: 0;
-    opacity: .5;
+    opacity: 0.5;
   }
   }
 }
 }
 
 
@@ -829,7 +856,7 @@ ul.risk-list {
   border-radius: 2px;
   border-radius: 2px;
 }
 }
 
 
-.risk.d3-tip:after {
+.risk.d3-tip::after {
   box-sizing: border-box;
   box-sizing: border-box;
   display: inline;
   display: inline;
   font-size: 10px;
   font-size: 10px;
@@ -841,16 +868,15 @@ ul.risk-list {
   text-align: center;
   text-align: center;
 }
 }
 
 
-.risk.d3-tip.n:after {
+.risk.d3-tip.n::after {
   margin: -1px 0 0 0;
   margin: -1px 0 0 0;
   top: 100%;
   top: 100%;
   left: 0;
   left: 0;
 }
 }
 
 
-
 #importerComponents {
 #importerComponents {
   .step-indicator-fixed {
   .step-indicator-fixed {
-    position: static!important;
+    position: static !important;
   }
   }
 
 
   .vertical-spacer {
   .vertical-spacer {
@@ -885,7 +911,9 @@ ul.risk-list {
 
 
 .global-search-empty {
 .global-search-empty {
   .assist-no-entries();
   .assist-no-entries();
+
   height: 30px !important;
   height: 30px !important;
+
   > div {
   > div {
     margin: 5px 10px;
     margin: 5px 10px;
   }
   }
@@ -893,8 +921,9 @@ ul.risk-list {
 
 
 .global-search-results {
 .global-search-results {
   .display-flex();
   .display-flex();
+
   background-color: @cui-white;
   background-color: @cui-white;
-  position:absolute;
+  position: absolute;
   z-index: 1060;
   z-index: 1060;
   top: 35px;
   top: 35px;
   left: 0;
   left: 0;
@@ -904,6 +933,7 @@ ul.risk-list {
 
 
   .global-search-alternatives {
   .global-search-alternatives {
     .flex(0 0 35%);
     .flex(0 0 35%);
+
     position: relative;
     position: relative;
     min-width: 175px;
     min-width: 175px;
     border-right: 1px solid @cui-default-border-color;
     border-right: 1px solid @cui-default-border-color;
@@ -916,6 +946,7 @@ ul.risk-list {
 
 
     &.global-search-full-width {
     &.global-search-full-width {
       .flex(0 0 100%);
       .flex(0 0 100%);
+
       border-right: none;
       border-right: none;
     }
     }
 
 
@@ -936,6 +967,7 @@ ul.risk-list {
           .nowrap-ellipsis();
           .nowrap-ellipsis();
 
 
           padding: 5px 0 5px 8px;
           padding: 5px 0 5px 8px;
+
           > em {
           > em {
             font-style: normal;
             font-style: normal;
             font-weight: 600;
             font-weight: 600;
@@ -973,6 +1005,7 @@ ul.risk-list {
     .global-search-catalog-entry {
     .global-search-catalog-entry {
       .display-flex();
       .display-flex();
       .flex-direction(column);
       .flex-direction(column);
+
       width: 100%;
       width: 100%;
 
 
       .hue-popover-title-actions {
       .hue-popover-title-actions {
@@ -1001,8 +1034,8 @@ ul.risk-list {
   opacity: 0;
   opacity: 0;
   font-size: 16px;
   font-size: 16px;
   margin-left: 2px;
   margin-left: 2px;
-
   color: @cui-gray-700;
   color: @cui-gray-700;
+
   :hover {
   :hover {
     color: @hue-primary-color-dark;
     color: @hue-primary-color-dark;
   }
   }
@@ -1029,4 +1062,4 @@ ul.risk-list {
 
 
 .striked {
 .striked {
   text-decoration: line-through;
   text-decoration: line-through;
-}
+}

+ 25 - 10
desktop/core/src/desktop/static/desktop/less/login.less

@@ -21,6 +21,7 @@
   from {
   from {
     -webkit-transform: rotateY(0deg);
     -webkit-transform: rotateY(0deg);
   }
   }
+
   to {
   to {
     -webkit-transform: rotateY(-360deg);
     -webkit-transform: rotateY(-360deg);
   }
   }
@@ -32,11 +33,13 @@
   margin: auto;
   margin: auto;
   margin-bottom: 50px;
   margin-bottom: 50px;
   background: @cui-white;
   background: @cui-white;
-  border: 1px solid #E0E2E3;
+  border: 1px solid #e0e2e3;
   border-radius: 4px;
   border-radius: 4px;
+
   a {
   a {
     white-space: normal;
     white-space: normal;
   }
   }
+
   .logo {
   .logo {
     background-color: @cui-white;
     background-color: @cui-white;
     width: 70px;
     width: 70px;
@@ -50,16 +53,19 @@
     margin-top: 35px;
     margin-top: 35px;
     margin-bottom: 35px;
     margin-bottom: 35px;
   }
   }
+
   h3 {
   h3 {
     color: @hue-primary-color-dark;
     color: @hue-primary-color-dark;
     margin-bottom: 25px;
     margin-bottom: 25px;
     text-align: center;
     text-align: center;
   }
   }
+
   .empty-logo {
   .empty-logo {
     background-color: @cui-white;
     background-color: @cui-white;
     width: 70px;
     width: 70px;
     height: 70px;
     height: 70px;
   }
   }
+
   .logo img {
   .logo img {
     margin-top: 2px;
     margin-top: 2px;
   }
   }
@@ -67,9 +73,12 @@
   form {
   form {
     margin-left: 75px;
     margin-left: 75px;
     margin-right: 75px;
     margin-right: 75px;
-    input[type='submit'], .login-container form select {
+
+    input[type='submit'],
+    .login-container form select {
       width: 100%;
       width: 100%;
     }
     }
+
     .text-input {
     .text-input {
       padding: 1px 10px 1px 19px;
       padding: 1px 10px 1px 19px;
       border: 1px solid @cui-gray-400;
       border: 1px solid @cui-gray-400;
@@ -77,9 +86,9 @@
       margin-bottom: 20px;
       margin-bottom: 20px;
       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
       box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
       box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-      -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-      -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+      -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+      -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
 
 
       input:focus {
       input:focus {
         border-color: initial !important;
         border-color: initial !important;
@@ -88,18 +97,24 @@
         box-shadow: none !important;
         box-shadow: none !important;
       }
       }
     }
     }
+
     .text-input.error {
     .text-input.error {
-      border-color: #D0021B;
+      border-color: #d0021b;
     }
     }
+
     ul.errorlist li {
     ul.errorlist li {
-      color: #D0021B;
+      color: #d0021b;
       padding: 0;
       padding: 0;
       font-weight: normal;
       font-weight: normal;
       font-style: normal;
       font-style: normal;
       margin-top: -10px;
       margin-top: -10px;
       margin-bottom: 20px;
       margin-bottom: 20px;
     }
     }
-    input[type='text'], input[type='password'], input[type='text']:hover, input[type='password']:hover {
+
+    input[type='text'],
+    input[type='password'],
+    input[type='text']:hover,
+    input[type='password']:hover {
       padding: 0;
       padding: 0;
       border: none;
       border: none;
       box-shadow: none;
       box-shadow: none;
@@ -129,10 +144,10 @@
     text-align: center;
     text-align: center;
     margin-bottom: 20px;
     margin-bottom: 20px;
   }
   }
-
 }
 }
 
 
-:-webkit-autofill, :-webkit-autofill:focus {
+:-webkit-autofill,
+:-webkit-autofill:focus {
   -webkit-box-shadow: 0 0 0 1000px white inset !important;
   -webkit-box-shadow: 0 0 0 1000px white inset !important;
 }
 }
 
 

+ 1 - 1
desktop/core/src/desktop/static/desktop/less/login4.less

@@ -43,4 +43,4 @@
 :-webkit-autofill {
 :-webkit-autofill {
   -webkit-animation-name: autofill;
   -webkit-animation-name: autofill;
   -webkit-animation-fill-mode: both;
   -webkit-animation-fill-mode: both;
-}
+}

+ 5 - 5
desktop/libs/dashboard/src/dashboard/static/dashboard/less/common_dashboard.less

@@ -54,7 +54,7 @@
   }
   }
 
 
   .ui-sortable.white {
   .ui-sortable.white {
-    background-color: @cui-white!important;
+    background-color: @cui-white !important;
   }
   }
 
 
   .ui-sortable h2 {
   .ui-sortable h2 {
@@ -72,7 +72,7 @@
   }
   }
 
 
   .sortable-arguments {
   .sortable-arguments {
-    margin-left: -10px!important;
+    margin-left: -10px !important;
     width: 99%;
     width: 99%;
   }
   }
 
 
@@ -277,8 +277,8 @@
       border-radius: 4px !important;
       border-radius: 4px !important;
     }
     }
     .flat-left {
     .flat-left {
-      border-top-left-radius: 0!important;
-      border-bottom-left-radius: 0!important;
+      border-top-left-radius: 0 !important;
+      border-bottom-left-radius: 0 !important;
       border-left-width: 0;
       border-left-width: 0;
       margin-left: 0;
       margin-left: 0;
     }
     }
@@ -529,7 +529,7 @@
 
 
   .singleValued.form-horizontal .control-label {
   .singleValued.form-horizontal .control-label {
     text-align: left;
     text-align: left;
-    margin-left: 0px;
+    margin-left: 0;
     width: 60px;
     width: 60px;
     overflow: hidden;
     overflow: hidden;
     text-overflow: ellipsis;
     text-overflow: ellipsis;

+ 3 - 3
desktop/libs/dashboard/src/dashboard/static/dashboard/less/search.less

@@ -286,7 +286,7 @@
   .fields-chooser li {
   .fields-chooser li {
     cursor: pointer;
     cursor: pointer;
     margin-bottom: 10px;
     margin-bottom: 10px;
-    padding: 0px;
+    padding: 0;
   }
   }
 
 
   .fields-chooser li .badge {
   .fields-chooser li .badge {
@@ -295,12 +295,12 @@
   }
   }
 
 
   .badge-left {
   .badge-left {
-    border-radius: 9px 0px 0px 9px;
+    border-radius: 9px 0 0 9px;
     padding-right: 5px;
     padding-right: 5px;
   }
   }
 
 
   .badge-right {
   .badge-right {
-    border-radius: 0px 9px 9px 0px;
+    border-radius: 0 9px 9px 0;
     padding-left: 5px;
     padding-left: 5px;
   }
   }
 
 

+ 3 - 3
desktop/libs/indexer/src/indexer/static/indexer/less/importer.less

@@ -25,8 +25,8 @@
   }
   }
 
 
   .path {
   .path {
-    margin-bottom: 0!important;
-    border-right: none!important;
+    margin-bottom: 0 !important;
+    border-right: none !important;
   }
   }
 
 
   .step .card-body {
   .step .card-body {
@@ -88,7 +88,7 @@
   }
   }
 
 
   .step .selectize-control.multi .selectize-input {
   .step .selectize-control.multi .selectize-input {
-    padding-top: 3px!important;
+    padding-top: 3px !important;
   }
   }
 
 
   .step .show-edit-on-hover a {
   .step .show-edit-on-hover a {

+ 1 - 1
desktop/libs/notebook/src/notebook/static/notebook/css/notebook-layout.css

@@ -14,4 +14,4 @@ distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 See the License for the specific language governing permissions and
 limitations under the License.
 limitations under the License.
- */html{height:100%}body{height:100%;margin:0;padding:0;background-color:#FFFFFF;overflow-y:hidden}.vertical-full{height:100%;padding-right:1px;padding-bottom:0}.main-content{height:auto;width:100%;position:absolute;top:74px;bottom:0;background-color:#FFFFFF}.panel-container{position:relative}.left-panel{position:absolute;height:100%;overflow:hidden;outline:none !important}.right-panel{position:absolute;right:0;height:100%;overflow:hidden;outline:none !important}.context-panel{position:fixed;background:#FFFFFF;height:calc(30%);top:70px;transition:all;-webkit-transition-duration:.3s;transition-duration:.3s;z-index:401;overflow-y:auto;padding:10px 0;width:420px;right:-440px;box-shadow:0 0 20px rgba(14,18,21,0.38);outline:none !important}.context-panel.visible{right:0}.context-panel .nav-tabs{padding-left:10px}.context-panel .tab-content{padding:12px;min-height:calc(10%)}.context-panel .tab-pane{height:100%}.content-panel{position:absolute;height:100%;overflow:auto;outline:none !important}
+ */html{height:100%}body{height:100%;margin:0;padding:0;background-color:#FFFFFF;overflow-y:hidden}.vertical-full{height:100%;padding-right:1px;padding-bottom:0}.main-content{height:auto;width:100%;position:absolute;top:74px;bottom:0;background-color:#FFFFFF}.panel-container{position:relative}.left-panel{position:absolute;height:100%;overflow:hidden;outline:none !important}.right-panel{position:absolute;right:0;height:100%;overflow:hidden;outline:none !important}.context-panel{position:fixed;background:#FFFFFF;height:calc(100% - 70px);top:70px;transition:all;-webkit-transition-duration:.3s;transition-duration:.3s;z-index:401;overflow-y:auto;padding:10px 0;width:420px;right:-440px;box-shadow:0 0 20px rgba(14,18,21,0.38);outline:none !important}.context-panel.visible{right:0}.context-panel .nav-tabs{padding-left:10px}.context-panel .tab-content{padding:12px;min-height:calc(100% - 90px)}.context-panel .tab-pane{height:100%}.content-panel{position:absolute;height:100%;overflow:auto;outline:none !important}

+ 30 - 30
desktop/libs/notebook/src/notebook/static/notebook/less/notebook.less

@@ -363,8 +363,8 @@
 
 
   .inactive-action:hover > .snippet-icon-image {
   .inactive-action:hover > .snippet-icon-image {
     -webkit-filter: grayscale(0);
     -webkit-filter: grayscale(0);
-    -webkit-filter: grayscale(0%);
-    filter: grayscale(0%);
+    -webkit-filter: grayscale(0);
+    filter: grayscale(0);
   }
   }
 
 
   .snippet-icon {
   .snippet-icon {
@@ -736,7 +736,7 @@
   .medium-editor-placeholder:after {
   .medium-editor-placeholder:after {
     padding-left: 5px;
     padding-left: 5px;
     font-size: 13px !important;
     font-size: 13px !important;
-    font-family: @font-family-monospace!important;
+    font-family: @font-family-monospace !important;
     color: @cui-gray-500 !important;
     color: @cui-gray-500 !important;
     font-style: normal !important;
     font-style: normal !important;
   }
   }
@@ -775,11 +775,11 @@
   .results.alert-error, .alert-error-gradient {
   .results.alert-error, .alert-error-gradient {
     border: none;
     border: none;
     margin-top: -3px;
     margin-top: -3px;
-    background: -moz-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
-    background: -webkit-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
-    background: -o-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
-    background: -ms-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
-    background: linear-gradient(to right, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    background: -moz-linear-gradient(left, rgba(242, 222, 222, 1) 0, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-linear-gradient(left, rgba(242, 222, 222, 1) 0, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(left, rgba(242, 222, 222, 1) 0, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(left, rgba(242, 222, 222, 1) 0, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to right, rgba(242, 222, 222, 1) 0, rgba(255, 255, 255, 0) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-pink-050', endColorstr='#00ffffff', GradientType=1)
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-pink-050', endColorstr='#00ffffff', GradientType=1)
   }
   }
 
 
@@ -793,11 +793,11 @@
   .alert-notebook, .alert-gradient {
   .alert-notebook, .alert-gradient {
     border: none;
     border: none;
     margin-top: -3px;
     margin-top: -3px;
-    background: -moz-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
-    background: -webkit-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
-    background: -o-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
-    background: -ms-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
-    background: linear-gradient(to right, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
+    background: -moz-linear-gradient(left, rgba(252, 248, 227, 1) 0, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-linear-gradient(left, rgba(252, 248, 227, 1) 0, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(left, rgba(252, 248, 227, 1) 0, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(left, rgba(252, 248, 227, 1) 0, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to right, rgba(252, 248, 227, 1) 0, rgba(255, 255, 255, 0) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-yellow-050', endColorstr='#00ffffff', GradientType=1)
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-yellow-050', endColorstr='#00ffffff', GradientType=1)
   }
   }
 
 
@@ -1149,22 +1149,22 @@
   .alert-info-gradient {
   .alert-info-gradient {
     border: none;
     border: none;
     margin-top: -3px;
     margin-top: -3px;
-    background: -moz-linear-gradient(left, @cui-blue-050 0%, rgba(255, 255, 255, 0) 100%);
-    background: -webkit-linear-gradient(left, @cui-blue-050 0%, rgba(255, 255, 255, 0) 100%);
-    background: -o-linear-gradient(left, @cui-blue-050 0%, rgba(255, 255, 255, 0) 100%);
-    background: -ms-linear-gradient(left, @cui-blue-050 0%, rgba(255, 255, 255, 0) 100%);
-    background: linear-gradient(to right, @cui-blue-050 0%, rgba(255, 255, 255, 0) 100%);
+    background: -moz-linear-gradient(left, @cui-blue-050 0, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-linear-gradient(left, @cui-blue-050 0, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(left, @cui-blue-050 0, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(left, @cui-blue-050 0, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to right, @cui-blue-050 0, rgba(255, 255, 255, 0) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-blue-050', endColorstr='#00ffffff', GradientType=1);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-blue-050', endColorstr='#00ffffff', GradientType=1);
   }
   }
 
 
   .alert-success-gradient {
   .alert-success-gradient {
     border: none;
     border: none;
     margin-top: -3px;
     margin-top: -3px;
-    background: -moz-linear-gradient(left, @cui-lime-050 0%, rgba(255, 255, 255, 0) 100%);
-    background: -webkit-linear-gradient(left, @cui-lime-050 0%, rgba(255, 255, 255, 0) 100%);
-    background: -o-linear-gradient(left, @cui-lime-050 0%, rgba(255, 255, 255, 0) 100%);
-    background: -ms-linear-gradient(left, @cui-lime-050 0%, rgba(255, 255, 255, 0) 100%);
-    background: linear-gradient(to right, @cui-lime-050 0%, rgba(255, 255, 255, 0) 100%);
+    background: -moz-linear-gradient(left, @cui-lime-050 0, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-linear-gradient(left, @cui-lime-050 0, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(left, @cui-lime-050 0, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(left, @cui-lime-050 0, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to right, @cui-lime-050 0, rgba(255, 255, 255, 0) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-lime-050', endColorstr='#00ffffff', GradientType=1);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-lime-050', endColorstr='#00ffffff', GradientType=1);
   }
   }
 
 
@@ -1172,11 +1172,11 @@
     border: none;
     border: none;
     border-left: 1px solid @cui-blue-050;
     border-left: 1px solid @cui-blue-050;
     margin-top: -3px;
     margin-top: -3px;
-    background: -moz-linear-gradient(left, @cui-purple-gray-050 0%, rgba(255, 255, 255, 0) 100%);
-    background: -webkit-linear-gradient(left, @cui-purple-gray-050 0%, rgba(255, 255, 255, 0) 100%);
-    background: -o-linear-gradient(left, @cui-purple-gray-050 0%, rgba(255, 255, 255, 0) 100%);
-    background: -ms-linear-gradient(left, @cui-purple-gray-050 0%, rgba(255, 255, 255, 0) 100%);
-    background: linear-gradient(to right, @cui-purple-gray-050 0%, rgba(255, 255, 255, 0) 100%);
+    background: -moz-linear-gradient(left, @cui-purple-gray-050 0, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-linear-gradient(left, @cui-purple-gray-050 0, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(left, @cui-purple-gray-050 0, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(left, @cui-purple-gray-050 0, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to right, @cui-purple-gray-050 0, rgba(255, 255, 255, 0) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-purple-gray-050', endColorstr='#00ffffff', GradientType=1);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-purple-gray-050', endColorstr='#00ffffff', GradientType=1);
   }
   }
 
 
@@ -1332,7 +1332,7 @@
     }
     }
 
 
     .input-prepend {
     .input-prepend {
-      line-height: 0px;
+      line-height: 0;
     }
     }
 
 
     input:not(:focus)[value=""] {
     input:not(:focus)[value=""] {
@@ -1340,7 +1340,7 @@
     }
     }
 
 
     input[type="checkbox"] {
     input[type="checkbox"] {
-      margin: 12px 0px 0px 10px;
+      margin: 12px 0 0 10px;
     }
     }
 
 
     div.selectize-input {
     div.selectize-input {

Datei-Diff unterdrückt, da er zu groß ist
+ 666 - 3
package-lock.json


+ 7 - 3
package.json

@@ -71,13 +71,16 @@
     "json-loader": "0.5.7",
     "json-loader": "0.5.7",
     "karma": "^4.0.0",
     "karma": "^4.0.0",
     "karma-chrome-launcher": "^2.2.0",
     "karma-chrome-launcher": "^2.2.0",
-    "karma-jasmine": "",
+    "karma-jasmine": "^2.0.1",
     "karma-jasmine-ajax": "^0.1.13",
     "karma-jasmine-ajax": "^0.1.13",
     "karma-mocha-reporter": "^2.2.5",
     "karma-mocha-reporter": "^2.2.5",
     "karma-spec-reporter": "0.0.32",
     "karma-spec-reporter": "0.0.32",
     "karma-webpack": "4.0.0-rc.6",
     "karma-webpack": "4.0.0-rc.6",
+    "lesshint": "6.3.2",
     "load-grunt-tasks": "4.0.0",
     "load-grunt-tasks": "4.0.0",
     "prettier": "1.16.1",
     "prettier": "1.16.1",
+    "stylelint": "^9.10.1",
+    "stylelint-config-standard": "^18.2.0",
     "webpack": "4.29.0",
     "webpack": "4.29.0",
     "webpack-bundle-analyzer": "^3.0.4",
     "webpack-bundle-analyzer": "^3.0.4",
     "webpack-bundle-tracker": "0.4.2-beta",
     "webpack-bundle-tracker": "0.4.2-beta",
@@ -86,10 +89,11 @@
   },
   },
   "scripts": {
   "scripts": {
     "devinstall": "npm cache clean && npm install && npm prune",
     "devinstall": "npm cache clean && npm install && npm prune",
-    "less": "./node_modules/.bin/grunt less",
-    "watch": "./node_modules/.bin/grunt watch",
     "webpack": "webpack --config webpack.config.js",
     "webpack": "webpack --config webpack.config.js",
     "dev": "webpack --watch -d",
     "dev": "webpack --watch -d",
+    "less": "./node_modules/.bin/grunt less",
+    "less-dev": "./node_modules/.bin/grunt watch",
+    "less-lint": "stylelint \"desktop/core/src/desktop/static/desktop/less/**/*.less\" --fix",
     "lint": "eslint desktop/core/src/desktop/js",
     "lint": "eslint desktop/core/src/desktop/js",
     "lint-debug": "npm run lint -- --debug",
     "lint-debug": "npm run lint -- --debug",
     "lint-fix": "npm run lint -- --fix",
     "lint-fix": "npm run lint -- --fix",

Einige Dateien werden nicht angezeigt, da zu viele Dateien in diesem Diff geändert wurden.