@import '../../../../global/theme.less';

.root {
  flex-shrink: 0;
  display: flex;
  div > button {
    height: 100% !important;
  }
  [ant-click-animating-without-extra-node='true']::after,
  .@{ant-prefix}-click-animating-node {
    animation: none;
  }
  &.actionBar {
    button {
      font-size: 14px;
      min-width: 35px;
      margin-left: 4px;
      transition: none;
      background: transparent;
      border: none;
      box-shadow: none;
      color: @t-dashboard-color;
      padding: 5px 10px;

      &:hover,
      &:focus {
        color: @theme-color;
        background: @t-dashboard-block-bg;
      }

      &.editable {
        border: 1px solid;
        border-color: inherit;
        padding-right: 16px;
        padding-left: 16px;
        &.saveHighlight {
          background: @theme-color;
          color: @normal-color;
          border-color: @theme-color;
        }
      }
    }
  }

  i {
    font-size: inherit;
    color: inherit;
  }

  :global {
    .@{ant-prefix}-input,
    .@{ant-prefix}-select-selection {
      background: transparent;
    }
  }

  .toggleButton {
    display: flex !important;
    align-items: center;
    width: 50px;
    height: 39px;
    justify-content: center;
    cursor: pointer;
  }
}

.operationDrawer {
  :global {
    .@{ant-prefix}-drawer-body {
      padding: 0 24px;
      border-bottom: 1px solid @border-color-base;
      display: flex;
      flex-direction: column;
      button {
        border-left: none;
        border-right: none;
        border-bottom: none;
        width: 100%;
        height: 50px !important;
        background: @normal-color;
        transition: none;
        margin-left: 0;
        color: @theme-color;
        border-color: @border-color-base;
        &:focus,
        &:visited,
        &:active {
          background: @button-default-bg !important;
        }
      }
      :local(.refresh) button {
        width: unset;
        border: none;
      }
    }
  }
}