//@root-entry-name: default;
//@import (reference) '~antd/es/style/themes/index';

.refactor-tree-select {
  position: relative;
  width: 100%;
  & * {
    box-sizing: border-box;
  }

  &.refactor-tree-select-sm {
    .refactor-tree-select-extra {
      height: 22px;
      line-height: 20px;
    }
  }
  .ant-select {
    z-index: 2;
    .ant-select-selector {
      background: transparent !important;
    }
    .ant-select-selection-item {
      //opacity: 0;
      display: none;
    }
    &.ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
      background: transparent;
    }

    //.ant-select-disabled.ant-select-single:not(.ant-select-customize-input) ~ .refactor-tree-select-extra{
    //}
  }
  &.refactor-disabled .refactor-tree-select-extra {
    //background: @disabled-bg;
    //color: @disabled-color;
  }
  .refactor-tree-select-extra {
    width: 100%;
    //background: @component-background;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    //height: @input-height-base;
    z-index: 1;
    //padding: 1px 22px 1px 8px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
//
.spec-uploader-viewonly {
  display: inline-block;
  width: 100%;
  &:after {
    display: table;
    clear: both;
    content: '';
  }
  .spec-uploader-viewonly-item {
    float: left;
    width: 100px;
    height: 100px;
    //padding: @padding-xs;
    //margin-right: @padding-xs;
    //margin-bottom: @padding-xs;
    //border: 1px solid @border-color-base;
    //border-radius: @border-radius-sm;
    line-height: 88px;
    text-align: center;
    background: transparent;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .ant-image +.ant-image{
    margin-left: 5px;
  }
}

// 下拉树只读列表
.tree-select-viewonly-list {
  position: relative;
  width: 100%;
  //border: 1px solid fade(@border-color-split, 60%);
  //border-radius: @border-radius-sm;
  //padding: @padding-xs @padding-sm;
  &.collapsed {
    padding-bottom: 20px;
  }
  .tree-select-viewonly-item b {
    font-size: 18px;
  }
  .toggle-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    //font-size: @font-size-sm;
    cursor: pointer;
    //color: @text-color-secondary;
    //color:  color(~`colorPalette('@{text-color-secondary}', 3) `);
    //background-image: -webkit-gradient(linear, left top, left bottom, from(fade(@component-background, 0)), to(@component-background));
    //background-image: -webkit-linear-gradient(top, fade(@component-background, 0), @component-background);
    //background-image: linear-gradient(-180deg, fade(@component-background, 0), @component-background);
    &:hover {
      //color: @primary-color;
    }
  }
}

.checkbox-viewonly-item{
  display: inline ;
}


.upload-viewonly {
 .ant-upload-select.ant-upload-disabled {
   display: none;
 }
}

.form-item-view-only .ant-form-item-control-input-content {
  word-break: break-all;
}