d2coreui 21.0.15 → 21.0.17

package/style/form/niceFormItem.css

@@ -0,0 +1,39 @@
+
+.nice-form-item {
+    padding-top: 24px;
+}
+
+.nice-float-label {
+    position: relative;
+}
+
+.nice-label {
+    font-size: 12px;
+    font-weight: normal;
+    position: absolute;
+    pointer-events: none;
+    left: 12px;
+    top: 6px;
+    transition: 0.2s ease all;
+    color: rgba(0,0,0,.70);
+}
+
+.nice-label-float {
+    top: -15px;
+    z-index: 1;
+    font-size: 12px !important;
+    background: white;
+    padding: 0 4px;
+    margin-left: -4px;
+    margin-bottom: 1px;
+}
+
+.nice-form-item-box {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    border: 1px solid rgba(0,0,0,.06);
+    border-radius: 2px;
+    transition: all .2s;
+    padding: 8px;
+}

package/style/index.less

@@ -1,291 +1,291 @@
-@import "antd/dist/antd.less";
-
-//@primary-color: #5B83AD;
-@tree-node-padding: 2px;
-@page-header-padding: 12px;
-
-@pageheader-prefix-cls: ~'@{ant-prefix}-page-header';
-.@{pageheader-prefix-cls} {
-  &-heading {
-    &-title {
-      font-size: @heading-4-size;
-    }
-  }
-}
-
-.ant-tree .ant-tree-switcher {
-  height: 26px;
-}
-
-.stronger-divider-with-text.ant-divider-horizontal.ant-divider-with-text-center::before,
-.stronger-divider-with-text.ant-divider-horizontal.ant-divider-with-text-center::after {
-  border-top: 1px solid #bbb;
-}
-
-.stronger-divider.ant-divider-horizontal {
-  border-top: 1px solid #bbb;
-}
-
-.dictionary-autocomplete > textarea {
-  width: calc(100% - 2rem);
-}
-
-.autocomplete-open {
-  .dropdown-arrow {
-    &-icon svg {
-      transform: rotate(180deg);
-    }
-  }
-}
-
-.ant-tabs-content-left, .ant-tabs-tabpane-active {
-  height: 100% !important;
-}
-
-.dropdown-arrow {
-  .iconfont-mixin();
-  transform-origin: 50% 50%;
-  margin-left: @control-padding-horizontal-sm;
-
-  &-icon {
-    color: @disabled-color;
-    font-size: @font-size-sm;
-    vertical-align: center;
-    cursor: pointer;
-    transition: color 0.3s;
-
-    &:hover {
-      color: @text-color-secondary;
-    }
-
-    &:active {
-      color: @text-color;
-    }
-
-    + i {
-      margin-left: 6px;
-    }
-  }
-
-  & &-icon svg {
-    transition: transform 0.3s;
-  }
-}
-
-// fixing input group button selection
-.ant-input-group > .ant-btn:hover {
-  z-index: 2;
-}
-
-.ant-collapse-borderless {
-  background-color: white;
-}
-
-// special tooltips
-.control-panel-popover .ant-popover-arrow {
-  border-top-color: #fafafa !important;
-  border-left-color: #fafafa !important;
-}
-
-.control-panel-popover .ant-popover-inner {
-  background-color: #fafafa;
-}
-
-// table
-.react-resizable {
-  position: relative;
-  background-clip: padding-box;
-}
-
-.react-resizable-handle {
-  position: absolute;
-  width: 10px;
-  height: 100%;
-  bottom: 0;
-  right: -5px;
-  cursor: col-resize;
-  z-index: 1;
-}
-
-.ant-table th {
-  white-space: nowrap;
-}
-
-.ant-table-body {
-  overflow-x: auto !important;
-}
-
-@table-padding-vertical-xsm: @table-padding-vertical / 4;
-@table-padding-horizontal-xsm: @table-padding-horizontal / 4;
-.datatable-xsm {
-  thead > tr > th,
-  tbody > tr > td {
-    padding: @table-padding-vertical-xsm @table-padding-horizontal-xsm !important;
-  }
-}
-
-.ant-transfer-list-header {
-  text-align: right;
-}
-
-.ant-transfer-list-header-title {
-  left: 12px;
-  right: unset !important;
-}
-
-.ant-modal-content {
-  resize: both;
-}
-
-.ant-descriptions-view {
-  overflow: auto;
-}
-
-.selected:focus {
-  outline: none;
-}
-
-.search-string-not-found .ant-tooltip-inner {
-  color: #ff4d4f;
-}
-
-.disabled .ant-input-disabled {
-  color: rgba(0, 0, 0, 0.65);
-}
-
-.disabled .ant-input-number-input {
-  color: rgba(0, 0, 0, 0.65);
-}
-
-.ant-descriptions-item-label {
-  white-space: nowrap;
-}
-
-.readonly {
-  background-color: @disabled-bg;
-  cursor: not-allowed;
-}
-
-.readonly:hover {
-  background-color: @disabled-bg;
-}
-
-.readonly span {
-  background-color: @disabled-bg;
-}
-
-.readonly input {
-  color: rgba(0, 0, 0, 0.65);
-  background-color: @disabled-bg;
-}
-
-.select-with-one-item .ant-select-selector {
-  height: 28px;
-  overflow: auto;
-}
-
-.ant-select-selection-item {
-  max-width: calc(100% - 16px);
-}
-
-.public-DraftEditor-content {
-  max-height: 100px !important;
-  overflow: auto !important;
-}
-
-.Draftail-Editor .public-DraftEditorPlaceholder-inner {
-  color: #cccccc !important;
-}
-
-.Draftail-Editor .public-DraftEditorPlaceholder:focus {
-  color: #525760 !important;
-}
-
-.invalid input {
-  color: red;
-}
-
-.custom-date-time-picker .ant-input-affix-wrapper {
-  padding-right: 26px;
-}
-
-.custom-date-time-picker .ant-input-affix-wrapper {
-  padding-right: 26px;
-}
-
-.date-range-picker-popup .ant-tooltip-inner {
-  width: 538px;
-}
-
-
-// adaptations of date-picker calendar styles
-.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner:not(.date-picker-item-marked) {
-  color: inherit;
-  background: inherit;
-}
-
-//.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner.date-picker-item-marked {
-//  border: 1px solid #595959;
-//}
-
-.ant-picker-panel:focus > .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner:before {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  border: 1px solid #096dd9;
-  border-radius: 2px;
-  content: '';
-}
-
-.ant-picker-content thead {
-  user-select: none;
-}
-
-.date-picker-item-marked {
-  color: #fff;
-  background: #1890ff;
-}
-
-.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
-  border: 1px solid #13c2c2;
-}
-
-.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
-  background: #1890ff;
-  color: rgba(0, 0, 0, 0.85);
-}
-
-.react-codemirror2.ant-input {
-  padding: 0;
-}
-
-.CodeMirror {
-  height: auto !important;
-  max-height: 90px;
-}
-
-.CodeMirror-scroll {
-  height: auto;
-  max-height: 90px;
-}
-
-.CodeMirror-line {
-  padding-right: 28px !important;
-}
-
-.code-disabled .CodeMirror {
-  background-color: #f5f5f5;
-}
-
-.ReactCollapse--collapse {
-  transition: height 500ms;
-}
-
-.hoverable-primary-ghost-button:hover {
-  color: #fff !important;
-  background-color: #1890ff !important;
-  transform: scale(1.08);
-}
+@import "antd/dist/antd.less";
+
+//@primary-color: #5B83AD;
+@tree-node-padding: 2px;
+@page-header-padding: 12px;
+
+@pageheader-prefix-cls: ~'@{ant-prefix}-page-header';
+.@{pageheader-prefix-cls} {
+  &-heading {
+    &-title {
+      font-size: @heading-4-size;
+    }
+  }
+}
+
+.ant-tree .ant-tree-switcher {
+  height: 26px;
+}
+
+.stronger-divider-with-text.ant-divider-horizontal.ant-divider-with-text-center::before,
+.stronger-divider-with-text.ant-divider-horizontal.ant-divider-with-text-center::after {
+  border-top: 1px solid #bbb;
+}
+
+.stronger-divider.ant-divider-horizontal {
+  border-top: 1px solid #bbb;
+}
+
+.dictionary-autocomplete > textarea {
+  width: calc(100% - 2rem);
+}
+
+.autocomplete-open {
+  .dropdown-arrow {
+    &-icon svg {
+      transform: rotate(180deg);
+    }
+  }
+}
+
+.ant-tabs-content-left, .ant-tabs-tabpane-active {
+  height: 100% !important;
+}
+
+.dropdown-arrow {
+  .iconfont-mixin();
+  transform-origin: 50% 50%;
+  margin-left: @control-padding-horizontal-sm;
+
+  &-icon {
+    color: @disabled-color;
+    font-size: @font-size-sm;
+    vertical-align: center;
+    cursor: pointer;
+    transition: color 0.3s;
+
+    &:hover {
+      color: @text-color-secondary;
+    }
+
+    &:active {
+      color: @text-color;
+    }
+
+    + i {
+      margin-left: 6px;
+    }
+  }
+
+  & &-icon svg {
+    transition: transform 0.3s;
+  }
+}
+
+// fixing input group button selection
+.ant-input-group > .ant-btn:hover {
+  z-index: 2;
+}
+
+.ant-collapse-borderless {
+  background-color: white;
+}
+
+// special tooltips
+.control-panel-popover .ant-popover-arrow {
+  border-top-color: #fafafa !important;
+  border-left-color: #fafafa !important;
+}
+
+.control-panel-popover .ant-popover-inner {
+  background-color: #fafafa;
+}
+
+// table
+.react-resizable {
+  position: relative;
+  background-clip: padding-box;
+}
+
+.react-resizable-handle {
+  position: absolute;
+  width: 10px;
+  height: 100%;
+  bottom: 0;
+  right: -5px;
+  cursor: col-resize;
+  z-index: 1;
+}
+
+.ant-table th {
+  white-space: nowrap;
+}
+
+.ant-table-body {
+  overflow-x: auto !important;
+}
+
+@table-padding-vertical-xsm: @table-padding-vertical / 4;
+@table-padding-horizontal-xsm: @table-padding-horizontal / 4;
+.datatable-xsm {
+  thead > tr > th,
+  tbody > tr > td {
+    padding: @table-padding-vertical-xsm @table-padding-horizontal-xsm !important;
+  }
+}
+
+.ant-transfer-list-header {
+  text-align: right;
+}
+
+.ant-transfer-list-header-title {
+  left: 12px;
+  right: unset !important;
+}
+
+.ant-modal-content {
+  resize: both;
+}
+
+.ant-descriptions-view {
+  overflow: auto;
+}
+
+.selected:focus {
+  outline: none;
+}
+
+.search-string-not-found .ant-tooltip-inner {
+  color: #ff4d4f;
+}
+
+.disabled .ant-input-disabled {
+  color: rgba(0, 0, 0, 0.65);
+}
+
+.disabled .ant-input-number-input {
+  color: rgba(0, 0, 0, 0.65);
+}
+
+.ant-descriptions-item-label {
+  white-space: nowrap;
+}
+
+.readonly {
+  background-color: @disabled-bg;
+  cursor: not-allowed;
+}
+
+.readonly:hover {
+  background-color: @disabled-bg;
+}
+
+.readonly span {
+  background-color: @disabled-bg;
+}
+
+.readonly input {
+  color: rgba(0, 0, 0, 0.65);
+  background-color: @disabled-bg;
+}
+
+.select-with-one-item .ant-select-selector {
+  height: 28px;
+  overflow: auto;
+}
+
+.ant-select-selection-item {
+  max-width: calc(100% - 16px);
+}
+
+.public-DraftEditor-content {
+  max-height: 100px !important;
+  overflow: auto !important;
+}
+
+.Draftail-Editor .public-DraftEditorPlaceholder-inner {
+  color: #cccccc !important;
+}
+
+.Draftail-Editor .public-DraftEditorPlaceholder:focus {
+  color: #525760 !important;
+}
+
+.invalid input {
+  color: red;
+}
+
+.custom-date-time-picker .ant-input-affix-wrapper {
+  padding-right: 26px;
+}
+
+.custom-date-time-picker .ant-input-affix-wrapper {
+  padding-right: 26px;
+}
+
+.date-range-picker-popup .ant-tooltip-inner {
+  width: 538px;
+}
+
+
+// adaptations of date-picker calendar styles
+.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner:not(.date-picker-item-marked) {
+  color: inherit;
+  background: inherit;
+}
+
+//.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner.date-picker-item-marked {
+//  border: 1px solid #595959;
+//}
+
+.ant-picker-panel:focus > .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner:before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  border: 1px solid #096dd9;
+  border-radius: 2px;
+  content: '';
+}
+
+.ant-picker-content thead {
+  user-select: none;
+}
+
+.date-picker-item-marked {
+  color: #fff;
+  background: #1890ff;
+}
+
+.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
+  border: 1px solid #13c2c2;
+}
+
+.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
+  background: #1890ff;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.react-codemirror2.ant-input {
+  padding: 0;
+}
+
+.CodeMirror {
+  height: auto !important;
+  max-height: 90px;
+}
+
+.CodeMirror-scroll {
+  height: auto;
+  max-height: 90px;
+}
+
+.CodeMirror-line {
+  padding-right: 28px !important;
+}
+
+.code-disabled .CodeMirror {
+  background-color: #f5f5f5;
+}
+
+.ReactCollapse--collapse {
+  transition: height 500ms;
+}
+
+.hoverable-primary-ghost-button:hover {
+  color: #fff !important;
+  background-color: #1890ff !important;
+  transform: scale(1.08);
+}

package/style/loading.css

@@ -1,32 +1,32 @@
-.loadingPage {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDFweCIgIGhlaWdodD0iNDFweCIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0ibGRzLXJvbGxpbmciPiAgICA8Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiBmaWxsPSJub25lIiBuZy1hdHRyLXN0cm9rZT0ie3tjb25maWcuY29sb3J9fSIgbmctYXR0ci1zdHJva2Utd2lkdGg9Int7Y29uZmlnLndpZHRofX0iIG5nLWF0dHItcj0ie3tjb25maWcucmFkaXVzfX0iIG5nLWF0dHItc3Ryb2tlLWRhc2hhcnJheT0ie3tjb25maWcuZGFzaGFycmF5fX0iIHN0cm9rZT0iIzAxOTBmZSIgc3Ryb2tlLXdpZHRoPSIxMCIgcj0iMzUiIHN0cm9rZS1kYXNoYXJyYXk9IjE2NC45MzM2MTQzMTM0NjQxNSA1Ni45Nzc4NzE0Mzc4MjEzOCIgdHJhbnNmb3JtPSJyb3RhdGUoODQgNTAgNTApIj4gICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPiAgICA8L2NpcmNsZT4gIDwvc3ZnPg==);
-}
-
-.handle {
-    position: absolute;
-    bottom: 0px;
-    right: 0px;
-    z-index: 1000;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 48px;
-    height: 48px;
-    font-size: 16px;
-    text-align: center;
-    background: #1890ff;
-    border-radius: 4px 0 0 4px;
-    cursor: pointer;
-    pointer-events: auto;
-}
-
-body {
-    border-top: #aaaaaa 1px;
+.loadingPage {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDFweCIgIGhlaWdodD0iNDFweCIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0ibGRzLXJvbGxpbmciPiAgICA8Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiBmaWxsPSJub25lIiBuZy1hdHRyLXN0cm9rZT0ie3tjb25maWcuY29sb3J9fSIgbmctYXR0ci1zdHJva2Utd2lkdGg9Int7Y29uZmlnLndpZHRofX0iIG5nLWF0dHItcj0ie3tjb25maWcucmFkaXVzfX0iIG5nLWF0dHItc3Ryb2tlLWRhc2hhcnJheT0ie3tjb25maWcuZGFzaGFycmF5fX0iIHN0cm9rZT0iIzAxOTBmZSIgc3Ryb2tlLXdpZHRoPSIxMCIgcj0iMzUiIHN0cm9rZS1kYXNoYXJyYXk9IjE2NC45MzM2MTQzMTM0NjQxNSA1Ni45Nzc4NzE0Mzc4MjEzOCIgdHJhbnNmb3JtPSJyb3RhdGUoODQgNTAgNTApIj4gICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPiAgICA8L2NpcmNsZT4gIDwvc3ZnPg==);
+}
+
+.handle {
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+    z-index: 1000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 48px;
+    height: 48px;
+    font-size: 16px;
+    text-align: center;
+    background: #1890ff;
+    border-radius: 4px 0 0 4px;
+    cursor: pointer;
+    pointer-events: auto;
+}
+
+body {
+    border-top: #aaaaaa 1px;
 }