@import (reference) '../../../../node_modules/antd/es/style/themes/default';
@device-tree-prefix-cls: ~'@{ant-prefix}-device-tree';

.@{device-tree-prefix-cls} {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 5px;

  .ant-divider {
    margin: 6px 0 12px 0;
  }

  .ant-tree-checkbox {
    margin: 7px 2px 0 0;
  }

  .ant-tree-title {
    white-space: nowrap;
  }

  .ant-tree-treenode {
    width: 100%;
  }

  .ant-tree-switcher {
    line-height: 30px;
  }

  .ant-tree-switcher-noop {
    width: 14px;
  }

  .ant-tree-node-content-wrapper {
    flex: 1;
    min-height: 30px;
    overflow: hidden;
    line-height: 30px;
    text-overflow: ellipsis;
    border-radius: 3px;
  }

  .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
    color: #1890ff;
    background-color: #eaf1fe;
  }

  &-content {
    flex: 1;
    overflow-y: scroll;
  }
}