maycur-business/lib/MkTree/style/MkTree.css

maycur business react components of web

/* base variables */
/* text-color */
/* pin */
/* 字体大小 */
/* tab-bar */
/* 提示颜色 */
/* fee type color 引用自主版本 */
/* table相关 */
/* mix-in class */
#mixin-ios-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#mixin-pick-bar {
  display: flex;
  background: #fff;
  font-weight: normal;
  font-size: 16px;
}
#mixin-pick-bar > div {
  flex: 1;
  text-align: center;
  color: #3296FA;
  line-height: 50px;
}
#mktable-filter-dropdown {
  border: 1px solid #eee;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 0;
}
.mkbs-empty {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mkbs-empty-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mkbs-empty-circle {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mkbs-empty-text {
  text-align: center;
  font-size: 14px;
  color: #bcbcbc;
  margin-top: 8px;
}
.mkbs-empty .fm {
  font-size: 48px;
  color: #c0c3cc;
}
.mkbs-icon-btn {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
}
.mkbs-icon-btn:hover {
  background-color: #f1efea;
}
.mkbs-mktree-container {
  display: flex;
  flex: auto;
  flex-direction: column;
  overflow: hidden;
}
.mkbs-mktree-container .loading-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.4);
}
.mkbs-mktree-container .directory-wrapper {
  padding: 5px 24px;
  flex: 1;
  overflow: auto;
}
.mkbs-mktree-container .directory-wrapper .active {
  background-color: #f0faff;
}
.mkbs-mktree-container .directory-wrapper .node__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0 5px;
}
.mkbs-mktree-container .directory-wrapper .node__item.search-list__item {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
}
.mkbs-mktree-container .directory-wrapper .node__item.search-list__item:hover {
  background: #f6f6f6;
}
.mkbs-mktree-container .directory-wrapper .node__item .fm {
  color: #3296FA;
  font-size: 16px;
}
.mkbs-mktree-container .directory-wrapper .node__item.disabled {
  color: #d9d9d9;
}
.mkbs-mktree-container .directory-wrapper .node__item.disabled .fm {
  color: #d9d9d9;
}
.mkbs-mktree-container .directory-wrapper .node__item .node--title {
  display: flex;
  flex: auto;
}
.mkbs-mktree-container .directory-wrapper .node__item .node--title .node--title__icon {
  flex: none;
}
.mkbs-mktree-container .directory-wrapper .node__item .node--title .node--title__label {
  display: flex;
  flex: auto;
  margin-left: 4px;
}
.mkbs-mktree-container .directory-wrapper .node__item .node--title .node--title__label .title--label__text {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mkbs-mktree-container .directory-wrapper .node__item .node--title .node--title__label .title--label__count {
  color: #aaa;
}
.mkbs-mktree-container .directory-wrapper .node__item .node--title .node--title__label .title--label__unsaved {
  flex: 1 0 auto;
  color: #ff8931;
}
.mkbs-mktree-container .directory-wrapper .node__item .node--operator {
  display: inline-block;
  opacity: 0;
  height: 32px;
}
.mkbs-mktree-container .directory-wrapper .node__item .node--operator.show-tips {
  display: inline-block;
}
.mkbs-mktree-container .directory-wrapper .node__item:hover .node--operator {
  opacity: 1;
}
.mkbs-mktree-container .directory-wrapper .node__item.load-more {
  color: #3296FA;
  cursor: pointer;
}
.mkbs-mktree-container .directory-wrapper .ant-tree {
  flex-grow: 1;
}
.mkbs-mktree-container .directory-wrapper .ant-tree li {
  padding: 1px 0;
}
.mkbs-mktree-container .directory-wrapper .ant-tree li .ant-tree-switcher {
  height: 32px;
  line-height: 32px;
}
.mkbs-mktree-container .directory-wrapper .ant-tree li .ant-tree-switcher:after {
  display: inline-block;
  font-size: 12px;
  color: #ccc;
  font-family: Maycur;
  content: '\e918' !important;
}
.mkbs-mktree-container .directory-wrapper .ant-tree li .ant-tree-switcher.ant-tree-switcher_open:after {
  transform: scale(0.9) rotate(90deg);
}
.mkbs-mktree-container .directory-wrapper .ant-tree li .ant-tree-switcher.ant-tree-switcher_close:after {
  transform: scale(0.9) rotate(0deg);
}
.mkbs-mktree-container .directory-wrapper .ant-tree li .ant-tree-switcher.ant-tree-switcher-noop:after {
  content: none !important;
}
.mkbs-mktree-container .directory-wrapper .ant-tree li span.ant-tree-iconEle {
  width: 24px;
  height: 32px;
  line-height: 32px;
}
.mkbs-mktree-container .directory-wrapper .ant-tree li .ant-tree-node-content-wrapper {
  box-sizing: border-box;
  min-width: calc(100% - 20px);
  width: auto;
  height: 32px;
  line-height: 32px;
  padding: 0;
  border-radius: 0;
  color: #191f25;
  font-size: 14px;
}
.mkbs-mktree-container .directory-wrapper .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: transparent;
}
.mkbs-mktree-container .search-box {
  flex: 0 0 auto;
  position: relative;
  padding: 9px 24px;
  border-bottom: 1px solid #e8e8e8;
}
.mkbs-mktree-container .search-box .ant-input {
  border-radius: 1px;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.mkbs-mktree-container .alert-box {
  padding: 9px 24px;
  font-size: 12px;
}
.mktree-tips {
  animation: move 0.5s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.mktree-tips .ant-popover-inner-content {
  background-color: #3296FA;
  color: #fff;
}
.mktree-tips .ant-popover-arrow {
  border-top-color: #3296FA !important;
  border-left-color: #3296FA !important;
}
@keyframes move {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10px);
  }
}