/*
 * @Author: 焦质晔
 * @Date: 2020-03-26 11:45:02
 * @Last Modified by: 焦质晔
 * @Last Modified time: 2024-11-05 19:44:20
 */
@use '../../style/src/themes' as *;
@use './variable' as *;

.#{$prefix-table}-super-search {
  display: inline-block;
  padding: 5px 3px;
  line-height: 1;
  cursor: pointer;
  transition: all 0.3s ease;
  .icon {
    font-size: 1.05em;
  }
  &:hover {
    color: $v-primary-color;
  }
}

.#{$prefix-table}-super-search__setting {
  .main {
    display: flex;
    flex-direction: row;
    height: 100%;
    margin-bottom: $v-module-distance;
    .container {
      flex: 1;
      width: 0;
      .lang-js {
        display: block;
        margin-top: $v-module-distance;
        background-color: #2b3a42;
        padding: 6px 10px;
        color: #62b1d8;
        border-radius: $v-border-radius;
        text-shadow: 0 1px 0 rgba(23, 31, 35, 0.5);
      }
    }
    .saved {
      width: 200px;
      .form-wrap {
        display: flex;
      }
      .card-wrap {
        margin-top: $v-module-distance;
        border: 1px solid $v-table-border-color;
        > h5 {
          display: flex;
          align-items: center;
          font-size: inherit;
          font-weight: normal;
          margin-bottom: 0;
          padding: 0 $v-module-distance;
          border-bottom: 1px solid $v-table-border-color;
          background-color: $v-table-header-background-color;
        }
        > ul {
          margin-bottom: 0;
          li {
            display: flex;
            align-items: center;
            position: relative;
            padding: 6px $v-module-distance;
            border-bottom: 1px solid $v-table-border-color;
            cursor: pointer;
            transition: all 0.3s ease;
            &:last-of-type {
              border-bottom: 0;
            }
            &:hover {
              background-color: $v-table-row-hover-background-color;
              .close {
                visibility: visible;
              }
            }
            &.selected {
              background-color: $v-table-row-selected-background-color;
            }
            .title {
              i {
                margin-right: 5px;
              }
            }
            .close {
              position: absolute;
              right: $v-module-distance;
              visibility: hidden;
            }
          }
        }
      }
    }
    .line {
      border-left: 1px dashed $border-color-base;
      padding-left: $v-module-distance;
      margin-left: $v-module-distance;
    }
  }
}