d2coreui 21.0.34 → 23.0.1

package/style/index.less

@@ -1,299 +1,246 @@
-@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);
-}
-
-.ant-drawer-close {
-  box-shadow: none;
-}
-
-.ant-drawer-close {
-  box-shadow: none;
+// @tree-node-padding: 2px;
+@import '~antd/dist/reset.css';
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+  'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+  'Noto Color Emoji';
+}
+
+.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);
+}
+
+.ant-tabs-content-left, .ant-tabs-tabpane-active {
+  height: 100% !important;
+}
+
+
+// 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;
+}
+
+.ant-transfer-list-header {
+  text-align: right;
+}
+
+.ant-transfer-list-header-title {
+  left: 12px;
+  right: unset !important;
+}
+
+.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, .disabled .d2-input-number-input {
+  color: rgba(0, 0, 0, 0.65);
+}
+
+.ant-descriptions-item-label {
+  white-space: nowrap;
+}
+
+.select-with-one-item .ant-select-selector {
+  height: 28px;
+  overflow: auto;
+}
+
+.ant-select-selection-item {
+  max-width: calc(100% - 16px);
+}
+
+.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;
+}
+
+.ReactCollapse--collapse {
+  transition: height 500ms;
+}
+
+.ant-drawer-close {
+  box-shadow: none;
+  background: transparent;
+  border: 0;
+  color: rgba(0,0,0,.45);
+  cursor: pointer;
+  display: block;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 1;
+  outline: 0;
+  padding: 20px;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  text-decoration: none;
+  text-rendering: auto;
+  text-transform: none;
+  top: 0;
+  transition: color .3s;
+  z-index: 10;
+}
+
+// oprava pozicie title textu vo filter paneloch
+.d2-drawer-header {
+  position: relative;
+  padding: 16px 24px;
+  color: rgba(0, 0, 0, 0.85);
+  background: #fff;
+  border-bottom: 1px solid #f0f0f0;
+  border-radius: 2px 2px 0 0;
+}
+
+.d2-drawer-title {
+  margin: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 22px;
+}
+
+// oprava nevyraznej farby srafovania dividera
+.ant-divider-with-text.ant-divider-dashed:before, .ant-divider-with-text.ant-divider-dashed:after {
+  border-block-start-color: rgba(0, 0, 0, 0.85);
+}
+
+// oprava page heading
+.d2-page-header-heading-left {
+  display: flex;
+  align-items: center;
+  margin: 4px 0;
+  overflow: hidden;
+}
+
+.d2-page-header-compact .d2-page-header-heading {
+  flex-wrap: wrap;
+}
+
+.d2-page-header-heading {
+  display: flex;
+  justify-content: space-between;
+}
+
+.d2-page-header {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  position: relative;
+  padding: 16px 12px;
+  background-color: #fff;
+}
+
+.d2-page-header-back {
+  margin-right: 16px;
+  font-size: 16px;
+  line-height: 1;
+}
+
+.d2-page-header-heading-title {
+  margin-right: 12px;
+  margin-bottom: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 32px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.d2-page-header-heading-left .ant-input-borderless {
+  font-size: 18px !important;
+}
+
+.d2-page-header-heading-extra {
+  margin: 4px 0;
+  white-space: nowrap;
+}
+
+.d2-page-header-heading-extra > * {
+  margin-left: 12px;
+  white-space: unset;
 }

package/style/modal/DraggableModal.css

@@ -1,40 +1,43 @@
-.ant-design-draggable-modal {
-    overflow: hidden !important;
-}
-
-.ant-design-draggable-modal .ant-modal {
-    display: flex;
-    max-width: none;
-    transform-origin: 50% 50% !important;
-}
-
-.ant-design-draggable-modal .ant-modal-content {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-}
-
-.ant-design-draggable-modal .ant-modal-header {
-    flex: 0;
-    padding: 0;
-}
-
-.ant-design-draggable-modal .ant-modal-footer {
-    flex: 0;
-    padding: 16px;
-}
-
-.ant-design-draggable-modal .ant-design-draggable-modal-title {
-    cursor: move;
-    padding: 16px;
-}
-
-.ant-design-draggable-modal .ant-design-draggable-modal-title::before {
-    content: '\00a0';
-}
-
-.ant-design-draggable-modal .ant-modal-body {
-    flex: 1;
-    overflow-y: auto;
-    padding: 16px;
-}
+.ant-design-draggable-modal {
+    pointer-events: none;
+    overflow: hidden !important;
+}
+
+.ant-design-draggable-modal .ant-modal {
+    display: flex;
+    max-width: none;
+    transform-origin: 50% 50% !important;
+}
+
+.ant-design-draggable-modal .ant-modal-content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+}
+
+.ant-design-draggable-modal .ant-modal-header {
+    flex: 0;
+    padding: 0;
+}
+
+.ant-design-draggable-modal .ant-modal-footer {
+    flex: 0;
+    padding: 16px;
+}
+
+.ant-design-draggable-modal .ant-design-draggable-modal-title {
+    cursor: move;
+    padding: 16px;
+}
+
+.ant-design-draggable-modal .ant-design-draggable-modal-title::before {
+    content: '\00a0';
+}
+
+.ant-design-draggable-modal .ant-modal-body {
+    flex: 1;
+    overflow-y: auto;
+    padding: 16px;
+}

package/style/modal/ResizeHandle.css

@@ -1,19 +1,27 @@
-.ant-design-draggable-modal-resize-handle-inner {
-    width: 12px;
-    right: 14px;
-    border: 2px solid grey;
-    height: 12px;
-    bottom: 14px;
-    position: absolute;
-    border-top: 0;
-    border-left: 0;
-}
-
-.ant-design-draggable-modal-resize-handle {
-    right: -10px;
-    width: 44px;
-    bottom: -10px;
-    cursor: se-resize;
-    height: 44px;
-    position: absolute;
-}
+.ant-design-draggable-modal-resize-handle-inner {
+    width: 12px;
+    right: 14px;
+    border: 2px solid grey;
+    height: 12px;
+    bottom: 14px;
+    position: absolute;
+    border-top: 0;
+    border-left: 0;
+}
+
+.ant-design-draggable-modal-resize-handle {
+    right: -10px;
+    width: 44px;
+    bottom: -10px;
+    cursor: se-resize;
+    height: 44px;
+    position: absolute;
+}
+
+.ant-modal > div{
+    width: 100%;
+}
+
+.ant-modal-content {
+    resize: both;
+}