ru.coon 3.0.46 → 3.0.47

package/src/common/panel/WindowWrap.scss

@@ -1,9 +1,9 @@
-.window-wrap {
-
-  &.coon-mobile {
-    .x-title-text {
-        white-space: normal;
-    }
-  }
-
+.window-wrap {
+
+  &.coon-mobile {
+    .x-title-text {
+        white-space: normal;
+    }
+  }
+
 }

package/src/common/panel/dropzone/UniversalMultiUploadForm.scss

@@ -1,29 +1,29 @@
-.overItemCls {
-  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5)
-}
-.universalmultiuploadform {
-  .files-container {
-    width: 100%;
-    height: 100%;
-    border: 1px dashed lightgray;
-    display: flex;
-    padding: 2px;
-    flex-wrap: wrap;
-    align-content: flex-start;
-    .file-name-container {
-      width: 100%;
-      font-size: 10px;
-    }
-  }
-
-  .file-item {
-    display: flex;
-    width: 100px;
-    height: 100px;
-    padding: 5px;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
-    overflow: hidden;
-  }
-}
+.overItemCls {
+  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5)
+}
+.universalmultiuploadform {
+  .files-container {
+    width: 100%;
+    height: 100%;
+    border: 1px dashed lightgray;
+    display: flex;
+    padding: 2px;
+    flex-wrap: wrap;
+    align-content: flex-start;
+    .file-name-container {
+      width: 100%;
+      font-size: 10px;
+    }
+  }
+
+  .file-item {
+    display: flex;
+    width: 100px;
+    height: 100px;
+    padding: 5px;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    overflow: hidden;
+  }
+}

package/src/common/panel/dropzone/UploadDropZone.scss

@@ -1,36 +1,36 @@
-$dropzone-background: #f9f9fb;
-
-.drop-zone-dragover div.drop-zone-container {
-    border: 1px dotted red;
-    background-color: lightgreen !important;
-}
-
-.drop-zone-container {
-    width: 100%;
-    height: 100px;
-    background: $dropzone-background;
-    cursor: pointer;
-    display: flex;
-
-.drop-zone {
-        border: 1px dotted black;
-        display: flex;
-        flex-grow: 1;
-        align-items: center;
-        justify-content: center;
-        .icon-upload {
-          font-size:40px;
-          margin-right: 20px
-        }
-    }
-.file-input {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        opacity: 0;
-        cursor: pointer;
-        visibility: revert;
-    }
-}
+$dropzone-background: #f9f9fb;
+
+.drop-zone-dragover div.drop-zone-container {
+    border: 1px dotted red;
+    background-color: lightgreen !important;
+}
+
+.drop-zone-container {
+    width: 100%;
+    height: 100px;
+    background: $dropzone-background;
+    cursor: pointer;
+    display: flex;
+
+.drop-zone {
+        border: 1px dotted black;
+        display: flex;
+        flex-grow: 1;
+        align-items: center;
+        justify-content: center;
+        .icon-upload {
+          font-size:40px;
+          margin-right: 20px
+        }
+    }
+.file-input {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        opacity: 0;
+        cursor: pointer;
+        visibility: revert;
+    }
+}

package/src/common/panel/widget/WidgetPanel.scss

@@ -1,157 +1,157 @@
-.WidgetPanel {
-  .x-grid-cell-inner .x-btn {
-    padding: 0;
-  }
-
-  .widget-box {
-    border: 2px solid #e0e0e0;
-    margin: 10px 20px;
-    padding: 7px;
-    border-radius: 10px;
-  }
-
-  .x-tip-header .x-tool-close,
-  {
-    background-color: #111111 !important;
-  }
-
-  .black-svg-tool .x-tool-plus,
-  .black-svg-tool .x-tool-pin,
-  .black-svg-tool .x-tool-close,
-  .black-svg-tool .x-tool-save,
-  .black-svg-tool .x-tool-maximize,
-  .black-svg-tool .x-tool-minimize {
-    background-color: #111111 !important;
-  }
-
-  .black-tool-settings {
-    padding-top: 5px;
-    color: black;
-  }
-
-  .black-tool-size {
-    padding-top: 2px;
-    color: black;
-  }
-
-  .x-panel-header-default .x-tool-tool-el {
-    background-color: transparent;
-  }
-
-
-  /*-------------*/
-  .borders {
-    margin: 0 3px 15px 3px !important;
-    box-shadow: 0 1px 6px 0 rgba(86, 112, 163, 0.2);
-  }
-
-  .borders > .x-panel-bodyWrap > .x-panel-body {
-    border: 1px solid #e0e0e0 !important;
-    border-radius: 0 0 5px 5px;
-    margin-top: -1px;
-  }
-
-  .no-header-panel .x-panel-bodyWrap > .x-panel-body {
-    border: 1px solid #e0e0e0 !important;
-    border-radius: 5px;
-    margin-top: 0;
-  }
-
-  .borders .x-panel-header {
-    border-radius: 5px 5px 0 0;
-    height: auto;
-  }
-  .draggable-element{
-    width: 100px;
-    height: 100px;
-    background-color: #e0e0e0;
-  }
-  .btn {
-    &:hover{
-      background-color: rgba(61, 103, 128, 1)!important;
-    }
-    width: 30px;
-    height: 30px;
-    position: absolute;
-    background-color: rgba(61, 103, 128, 0.7);
-    border-radius: 18px;
-    cursor: pointer;
-    z-index: 999;
-  }
-
-  .btn i {
-    color: #FFF;
-    font-style: normal;
-  }
-
-  .left-btn {
-    left: 10px;
-    top: 50%;
-  }
-
-  .save-btn {
-    right: 50px;
-    top: 50px;
-  }
-
-  .right-btn {
-    right: 10px;
-    top: 50%;
-  }
-
-  .top-btn {
-    top: 10px;
-    left: 50%;
-  }
-
-  .down-btn {
-    bottom: 10px;
-    left: 50%;
-  }
-
-  .left-btn-parent {
-    left: 10px;
-    margin-top: 35px;
-    top: 50%;
-  }
-
-  .right-btn-parent {
-    right: 10px;
-    margin-top: 35px;
-    top: 50%;
-  }
-
-  .top-btn-parent {
-    top: 10px;
-    margin-left: 35px;
-    left: 50%;
-  }
-
-  .down-btn-parent {
-    bottom: 10px;
-    margin-left: 35px;
-    left: 50%;
-  }
-
-  .icon {
-    font-size: 18px;
-    display: block;
-    text-align: center;
-    margin-top: 6px;
-  }
-
-  .hidden-btn {
-    display: none !important;
-  }
-
-  /*.widget-panel{
-    left: 0 !important;
-    top: 0 !important;
-  }*/
-
-
-}
-.svg-icon-tool{
-  background-color: white !important;
-}
-
+.WidgetPanel {
+  .x-grid-cell-inner .x-btn {
+    padding: 0;
+  }
+
+  .widget-box {
+    border: 2px solid #e0e0e0;
+    margin: 10px 20px;
+    padding: 7px;
+    border-radius: 10px;
+  }
+
+  .x-tip-header .x-tool-close,
+  {
+    background-color: #111111 !important;
+  }
+
+  .black-svg-tool .x-tool-plus,
+  .black-svg-tool .x-tool-pin,
+  .black-svg-tool .x-tool-close,
+  .black-svg-tool .x-tool-save,
+  .black-svg-tool .x-tool-maximize,
+  .black-svg-tool .x-tool-minimize {
+    background-color: #111111 !important;
+  }
+
+  .black-tool-settings {
+    padding-top: 5px;
+    color: black;
+  }
+
+  .black-tool-size {
+    padding-top: 2px;
+    color: black;
+  }
+
+  .x-panel-header-default .x-tool-tool-el {
+    background-color: transparent;
+  }
+
+
+  /*-------------*/
+  .borders {
+    margin: 0 3px 15px 3px !important;
+    box-shadow: 0 1px 6px 0 rgba(86, 112, 163, 0.2);
+  }
+
+  .borders > .x-panel-bodyWrap > .x-panel-body {
+    border: 1px solid #e0e0e0 !important;
+    border-radius: 0 0 5px 5px;
+    margin-top: -1px;
+  }
+
+  .no-header-panel .x-panel-bodyWrap > .x-panel-body {
+    border: 1px solid #e0e0e0 !important;
+    border-radius: 5px;
+    margin-top: 0;
+  }
+
+  .borders .x-panel-header {
+    border-radius: 5px 5px 0 0;
+    height: auto;
+  }
+  .draggable-element{
+    width: 100px;
+    height: 100px;
+    background-color: #e0e0e0;
+  }
+  .btn {
+    &:hover{
+      background-color: rgba(61, 103, 128, 1)!important;
+    }
+    width: 30px;
+    height: 30px;
+    position: absolute;
+    background-color: rgba(61, 103, 128, 0.7);
+    border-radius: 18px;
+    cursor: pointer;
+    z-index: 999;
+  }
+
+  .btn i {
+    color: #FFF;
+    font-style: normal;
+  }
+
+  .left-btn {
+    left: 10px;
+    top: 50%;
+  }
+
+  .save-btn {
+    right: 50px;
+    top: 50px;
+  }
+
+  .right-btn {
+    right: 10px;
+    top: 50%;
+  }
+
+  .top-btn {
+    top: 10px;
+    left: 50%;
+  }
+
+  .down-btn {
+    bottom: 10px;
+    left: 50%;
+  }
+
+  .left-btn-parent {
+    left: 10px;
+    margin-top: 35px;
+    top: 50%;
+  }
+
+  .right-btn-parent {
+    right: 10px;
+    margin-top: 35px;
+    top: 50%;
+  }
+
+  .top-btn-parent {
+    top: 10px;
+    margin-left: 35px;
+    left: 50%;
+  }
+
+  .down-btn-parent {
+    bottom: 10px;
+    margin-left: 35px;
+    left: 50%;
+  }
+
+  .icon {
+    font-size: 18px;
+    display: block;
+    text-align: center;
+    margin-top: 6px;
+  }
+
+  .hidden-btn {
+    display: none !important;
+  }
+
+  /*.widget-panel{
+    left: 0 !important;
+    top: 0 !important;
+  }*/
+
+
+}
+.svg-icon-tool{
+  background-color: white !important;
+}
+

package/src/info.scss

@@ -1,13 +1,13 @@
-.coon-info {
-    > * {
-        color: black;
-    }
-    font-size: 1.1em;
-    strong {
-        color: brown;
-    }
-    code {
-        color: lighten($color: blue, $amount: 10);
-        font-size: 1.2em;
-    }
+.coon-info {
+    > * {
+        color: black;
+    }
+    font-size: 1.1em;
+    strong {
+        color: brown;
+    }
+    code {
+        color: lighten($color: blue, $amount: 10);
+        font-size: 1.2em;
+    }
 }

package/src/nav/AppNavCalcButton.scss

@@ -1,6 +1,6 @@
-.AppNavCalcButton{
-    .x-btn-icon-el.svg-icon{
-        width: 20;
-        height: 28;
-    }
+.AppNavCalcButton{
+    .x-btn-icon-el.svg-icon{
+        width: 20;
+        height: 28;
+    }
 }

package/src/nav/AppNavTab.scss

@@ -1,20 +1,20 @@
-.AppNavTab {
-    .nav-tab {
-        display: inline-block;
-        color: #1E3B4B;
-        .nav-tab-text {
-            font-style: italic;;
-            font-weight:500;
-            min-width: 80px;
-            max-width: 120px;
-            display: inline-block;
-            overflow:hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-    }
-    .x-btn {
-        padding-top: 2px!important;
-        color: #1E3B4B;
-    }
-}
+.AppNavTab {
+    .nav-tab {
+        display: inline-block;
+        color: #1E3B4B;
+        .nav-tab-text {
+            font-style: italic;;
+            font-weight:500;
+            min-width: 80px;
+            max-width: 120px;
+            display: inline-block;
+            overflow:hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+    }
+    .x-btn {
+        padding-top: 2px!important;
+        color: #1E3B4B;
+    }
+}

package/src/nav/AppNavigationBar.scss

@@ -1,10 +1,10 @@
-.AppNavigationBar {
-    .nav-tab {
-        color: #1E3B4B;
-        .nav-tab-text {
-            overflow:hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-    }
+.AppNavigationBar {
+    .nav-tab {
+        color: #1E3B4B;
+        .nav-tab-text {
+            overflow:hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+    }
 }

package/src/nav/AppNavigationMenu.scss

@@ -1,60 +1,60 @@
-.AppNavigationMenu {
-
-  .x-btn-arrow-right:after {
-    color: white;
-  }
-
-  .x-panel-body-default {
-    .x-box-inner {
-      width: 260px !important;
-
-      .x-box-target {
-        width: 260px !important;
-
-        .x-btn-default-small {
-          width: 260px !important;
-        }
-
-        .x-menuview {
-          width: 260px !important;
-        }
-      }
-    }
-  }
-
-  .x-panel-body-default {
-    background-color: $base-color;
-    scrollbar-width: none;
-  }
-
-  .x-treelist-menu {
-    width: 260px !important;
-  }
-
-  .x-btn-button-default-small {
-    .x-btn-icon-el {
-      &.svg-icon {
-        background-color: lighten(lightgray, 5%);
-        width: 24px;
-        height: 24px;
-        margin-left: 2px;
-      }
-    }
-  }
-
-  .x-btn-default-small {
-    padding: 4px 6px;
-  }
-
-  .x-btn-inner-default-small {
-    letter-spacing: 0.03em;
-    font-size: 16px;
-    font-weight: 500;
-    padding-left: 8px;
-    color: white;
-  }
-
-  .x-btn-arrow-right:after {
-    color: white;
-  }
-}
+.AppNavigationMenu {
+
+  .x-btn-arrow-right:after {
+    color: white;
+  }
+
+  .x-panel-body-default {
+    .x-box-inner {
+      width: 260px !important;
+
+      .x-box-target {
+        width: 260px !important;
+
+        .x-btn-default-small {
+          width: 260px !important;
+        }
+
+        .x-menuview {
+          width: 260px !important;
+        }
+      }
+    }
+  }
+
+  .x-panel-body-default {
+    background-color: $base-color;
+    scrollbar-width: none;
+  }
+
+  .x-treelist-menu {
+    width: 260px !important;
+  }
+
+  .x-btn-button-default-small {
+    .x-btn-icon-el {
+      &.svg-icon {
+        background-color: lighten(lightgray, 5%);
+        width: 24px;
+        height: 24px;
+        margin-left: 2px;
+      }
+    }
+  }
+
+  .x-btn-default-small {
+    padding: 4px 6px;
+  }
+
+  .x-btn-inner-default-small {
+    letter-spacing: 0.03em;
+    font-size: 16px;
+    font-weight: 500;
+    padding-left: 8px;
+    color: white;
+  }
+
+  .x-btn-arrow-right:after {
+    color: white;
+  }
+}