drip-table/lib/components/cell-components/text/index.less

A tiny and powerful enterprise-class solution for building tables.

/**
 * This file is part of the drip-table project.
 * @link     : https://drip-table.jd.com/
 * @author   : Emil Zhai (root@derzh.com)
 * @modifier : Emil Zhai (root@derzh.com)
 * @copyright: Copyright (c) 2020 JD Network Technology Co., Ltd.
 */
@prefixCls: jfe-drip-table-cc-text;

.@{prefixCls}-main {
  position: relative;
  outline: none;
  display: flex;
}

.@{prefixCls}-disabled {
  color: #00000066 !important;
  cursor: not-allowed;
}

.@{prefixCls}-focus-border {
  pointer-events: none;
  display: none;
}

.@{prefixCls}-main.@{prefixCls}-editable:focus + .@{prefixCls}-focus-border {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  border: 2px solid #2a64ff;
  border-radius: 4px;
}

.@{prefixCls}-main.@{prefixCls}-editable:focus {
  color: #2a64ff !important;
}

.@{prefixCls}-word-break {
  word-break: break-word;
}

.@{prefixCls}-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.@{prefixCls}-max-row {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.@{prefixCls}-edit-popup {
  position: fixed;
  z-index: 99999;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.@{prefixCls}-edit-popup-bg {
  position: absolute;
  top: 0;
  left: 0;
  background: white;
}

.@{prefixCls}-edit-popup-body {
  position: absolute;
}

.@{prefixCls}-edit-padding-left {
  position: absolute;
  top: 0;
  bottom: 0;
}

.@{prefixCls}-edit-padding-right {
  position: absolute;
  top: 0;
  bottom: 0;
}

.@{prefixCls}-edit-padding-top {
  position: absolute;
  right: 0;
  left: 0;
}

.@{prefixCls}-edit-padding-bottom {
  position: absolute;
  right: 0;
  left: 0;
}

.@{prefixCls}-edit-editing-outline {
  border: 2px solid #2a64ff;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 3px 4px 10px -1px #00000066;
}

.@{prefixCls}-edit-textarea {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 14px;
  outline: none;

  &::-webkit-scrollbar {
    background-color: #ffffff;
    width: 16px;
  }

  &::-webkit-scrollbar-track {
    background-color: #ffffff;
  }

  &::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 4px solid #ffffff;
  }

  &::-webkit-scrollbar-button {
    display: none;
  }
}

.@{prefixCls}-edit-select {
  padding: 18px;
  display: flex;
  flex-direction: column;

  &-dropdown {
    z-index: 100000;
  }
}

.@{prefixCls}-clipboard {
  cursor: pointer;

  & > span {
    margin-left: 3px;
  }
}