vue-ant-patterns/lib/d-switch-tree/style/index.css

vue-ant-patterns

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* 
命名规则, 三部分 className
.flex-侧轴
.flex-主轴
.flex-侧轴-主轴
*/
.depot-switch-tree.ant-menu-inline,
.depot-switch-tree.ant-menu-vertical,
.depot-switch-tree.ant-menu-vertical-left {
  border: none;
  background: none;
}
.depot-switch-tree.ant-menu-inline .ant-menu-item,
.depot-switch-tree.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.depot-switch-tree.ant-menu-inline .ant-menu-selected:after,
.depot-switch-tree.ant-menu-inline .ant-menu-item-selected:after {
  display: none;
}
.depot-switch-tree .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title,
.depot-switch-tree .ant-menu-sub.ant-menu-inline > .ant-menu-item,
.depot-switch-tree .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title,
.depot-switch-tree.ant-menu-vertical .ant-menu-item,
.depot-switch-tree.ant-menu-vertical-left .ant-menu-item,
.depot-switch-tree.ant-menu-vertical-right .ant-menu-item,
.depot-switch-tree.ant-menu-inline .ant-menu-item,
.depot-switch-tree.ant-menu-vertical .ant-menu-submenu-title,
.depot-switch-tree.ant-menu-vertical-left .ant-menu-submenu-title,
.depot-switch-tree.ant-menu-vertical-right .ant-menu-submenu-title,
.depot-switch-tree.ant-menu-inline .ant-menu-submenu-title {
  font-size: 12px;
  line-height: 24px;
  height: 24px;
  list-style-type: disc;
  list-style-position: inside;
}
.depot-switch-tree.ant-tree {
  width: 100%;
}
.depot-switch-tree.ant-tree li ul {
  padding: 0 0 0 24px;
}
.depot-switch-tree.ant-tree.ant-tree-show-line li:before {
  display: none;
}
.depot-switch-tree.ant-tree.ant-tree-show-line li.ant-tree-treenode-switcher-close:before,
.depot-switch-tree.ant-tree.ant-tree-show-line li.ant-tree-treenode-switcher-open:before {
  display: none !important;
}
.depot-switch-tree li.ant-tree-treenode-switcher-close .anticon-minus-square,
.depot-switch-tree li.ant-tree-treenode-switcher-open .anticon-minus-square,
.depot-switch-tree li.ant-tree-treenode-switcher-close .anticon-plus-square,
.depot-switch-tree li.ant-tree-treenode-switcher-open .anticon-plus-square {
  font-size: 24px;
}
.depot-switch-tree li.ant-tree-treenode-switcher-close .anticon-minus-square svg path:last-child,
.depot-switch-tree li.ant-tree-treenode-switcher-open .anticon-minus-square svg path:last-child,
.depot-switch-tree li.ant-tree-treenode-switcher-close .anticon-plus-square svg path:last-child,
.depot-switch-tree li.ant-tree-treenode-switcher-open .anticon-plus-square svg path:last-child {
  display: none;
}
.depot-switch-tree .off-default-icon > .ant-tree-node-content-wrapper .ant-tree-iconEle {
  display: none;
}
.depot-switch-tree li.on-default-icon > .ant-tree-switcher-noop {
  display: none;
}
.depot-switch-tree li.on-default-icon .ant-tree-node-content-wrapper {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.depot-switch-tree li.on-default-icon .ant-tree-title {
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 24px);
  display: block;
}
.depot-switch-tree li.on-default-icon .ant-tree-switcher {
  float: left;
}
.depot-switch-tree li.leaf-node > .ant-tree-switcher-noop {
  opacity: 0;
  display: inline-block;
}
.depot-switch-tree li.no-select > span:not(.ant-tree-switcher),
.depot-switch-tree li.no-select > .ant-tree-node-content-wrapper,
.depot-switch-tree li.no-select > .ant-tree-node-content-wrapper span {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.depot-switch-tree li.no-select > span:not(.ant-tree-switcher):hover,
.depot-switch-tree li.no-select > .ant-tree-node-content-wrapper:hover,
.depot-switch-tree li.no-select > .ant-tree-node-content-wrapper span:hover,
.depot-switch-tree li.no-select > span:not(.ant-tree-switcher):focus,
.depot-switch-tree li.no-select > .ant-tree-node-content-wrapper:focus,
.depot-switch-tree li.no-select > .ant-tree-node-content-wrapper span:focus,
.depot-switch-tree li.no-select > span:not(.ant-tree-switcher):active,
.depot-switch-tree li.no-select > .ant-tree-node-content-wrapper:active,
.depot-switch-tree li.no-select > .ant-tree-node-content-wrapper span:active {
  background: transparent;
}
.depot-switch-tree-checkable.ant-tree li span.ant-tree-iconEle {
  display: none;
}
.depot-switch-tree.ant-tree li span[draggable],
.depot-switch-tree.ant-tree li span[draggable='true'] {
  line-height: 24px !important;
  border: 0;
  position: relative;
}
.depot-switch-tree.ant-tree li span[draggable]:after {
  content: ' ';
  position: absolute;
  background: #4b5874;
  height: 2px;
  top: 0;
  left: 0;
  right: 0;
  display: none;
}
.depot-switch-tree.ant-tree li.drag-over-gap-top > span[draggable]:after {
  display: block;
}
.depot-switch-tree.ant-tree li.drag-over-gap-bottom > span[draggable]:after {
  top: auto;
  bottom: 0;
  display: block;
}