<commit_before>@import (reference) 'config';
@import (reference) '../../../app/less/typography';

w-dex-my-orders {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-x: auto;

  /* ngRepeat animation*/

  .repeatItemTransition.ng-enter,
  .repeatItemTransition.ng-leave {
    transition: ease-in-out 0.4s;
  }


  .repeatItemTransition.ng-enter,
  .repeatItemTransition.ng-leave.ng-leave-active {
    opacity: 0;
    max-height: 0;
  }

  .repeatItemTransition.ng-leave,
  .repeatItemTransition.ng-enter.ng-enter-active {
    opacity: 1;
    max-height: 30px;
    pointer-events: none;

    &.pre-leave {
      opacity: 0.3;
    }

    @media screen and (max-width: 1024px) {
      max-height: 69px;
    }
  }

  .repeatItemTransition.pre-leave {
    transition: opacity 0.4s;
    opacity: 0.3;
    max-height: 30px;
    pointer-events: none;

    @media screen and (max-width: 1024px) {
      max-height: 69px;
    }

    &.force-leave {
      transition: ease-in-out 0.4s;
      opacity: 0;
      max-height: 0;
      @media screen and (max-width: 1024px) {
        max-height: 0 !important;
      }
    }
  }

  //end
  .centered {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    padding: 0 20px;
    text-align: center;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: @color-basic-500;
  }

  .smart-table {
    .smart-table {
      &__cell[data-column-id="controls"] {
        padding-left: 0;
      }
    }

    &__w-thead {
      .smart-table {
        &__cell[data-column-id="controls"] {

          .disabled {
            display: none;
          }

          span[role='button'] {
            display: inline-block;
            .stop();
            padding-left: 22px;
            background-position: 7px center;
          }

          w-confirm-action {
            border-left: 1px solid @color-basic-100;
            display: block;

            .confirm-tooltip {
              position: absolute;
              top: calc(100% ~'+ 1px');
              right: -10px;
              background: @color-white;
              box-shadow: @shadow-tooltip-confirm;
              width: 186px;
              padding: 15px 20px;
              text-align: center;
              white-space: normal;
              border-radius: @border-radius;

              &::before {
                display: block;
                content: '';
                transform: translate(91px, -20px);
                right: 0;
                width: 0;
                height: 0;
                border: 5px solid transparent;
                border-bottom-color: @color-white;
                border-top: 0 none;
              }

              .buttons-wrapper {
                w-button {
                  button {
                    color: @white-only;
                    font-size: @font-size-caption-2;
                    border-radius: @border-radius / 2;
                  }
                }
              }

              .cancel {
                background: @color-submit-400;
              }

              .action {
                background: @color-error-400;
              }

              .title {
                font-size: @font-size-caption-1;
                line-height: 1em;
              }

              .descr {
                line-height: 1.2em;
              }
            }
          }
        }
      }
    }

    &__w-tbody {
      .smart-table {
        &__row {
          padding: 6px 14px;

          &.can-expand {
            .smart-table {.progress-precents
              &__cell[data-column-id="status"] {
                cursor: pointer;
              }
            }
          }

          &.sell {
            &.new-order {
              background: rgba(255, 228, 228, 0.5);
            }
          }

          &.buy {
            &.new-order {
              background: @color-submit-50;
            }
          }

          &.disabled {
            .smart-table__cell {
              opacity: 0.4;
            }
            .smart-table__cell.cell_stop {
              opacity: 1;
            }
            .cell_set-pair {
              cursor: default;
              a {
                cursor: default;
              }
            }

            &:hover {
              background: @color-white;
              .cell_set-pair {
                a::after{
                  display: none;
                }
              }

              .tooltip-dex {
                display: flex;
              }
            }
          }
        }
      }

      .order-details {
        background: @color-basic-50;

        &:hover {
          background-color: @color-basic-100;
        }
      }
    }

    &__cell {
      flex-basis: 100px;
    }

    &__cell[data-column-id="fee"] {
      text-align: right;
    }

    &__cell[data-column-id="type"] {
      flex-basis: 80px;
      flex-grow: 0;
      min-width: auto;
    }

    &__cell[data-column-id="status"] {
      flex-basis: 80px;
      flex-grow: 0;
      min-width: auto;

      .progress-desc {
        &:before {
          content: '(';
        }

        &:after {
          content: ')';
        }
      }
    }

    &__cell[data-column-id="fee"] {
      flex-basis: 135px;
    }

    &__cell[data-column-id="pair"] {
      padding-left: 0;
      flex-basis: 160px;

      span {
        display: block;
        align-items: center;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 200px;
        cursor: pointer;
      }
    }

    &__cell[data-column-id="filled"],
    &__cell[data-column-id="average"],
    &__cell[data-column-id="price"],
    &__cell[data-column-id="amount"],
    &__cell[data-column-id="total"],
    &__cell[data-column-id="time"],
    &__cell[data-column-id="type"] {
      text-align: right;
    }

    &__cell[data-column-id="controls"] {
      flex-grow: 0;
      padding-right: 0;
    }

    .stop {
      cursor: pointer;
      background-image: url(/img/icons/order_cancel.svg);
      background-size: 8px 8px;
      background-repeat: no-repeat;
      background-position: 10px center;
      display: inline-block;
      padding-left: 25px;
      text-transform: capitalize;
    }
  }

  .order-side {
    &.sell {
      color: @color-error-400;
    }

    &.buy {
      color: @color-submit-400;
    }
  }

  w-input.orders-filter {
    .w-input-wrap {
      input[type="text"] {
        padding: 0 8px 2px 21px;
        background-image: url(/img/icons/input-search-icon.svg);
        background-repeat: no-repeat;
        background-size: 12px 12px;
        background-position: 0 center;
        font-size: 11px;
        height: 27px;
        line-height: 25px;
        border: 0 none;
        border-radius: 0;
        width: 100%;
        max-width: 110px;
      }
    }
  }
}

@media screen and (max-width: 1400px) {
  w-dex-my-orders {
    .smart-table {
      &__cell[data-column-id="pair"] {
        span {
          max-width: 126px;
        }
      }
    }
  }
}

@media screen and (max-width: 1190px) {
  body.dex .dex-wrapper,
  body.dex-demo .dex-wrapper {
    .tabs-myOpenOrders {
      .smart-table {
        &__cell {
          &[data-column-id="status"] {
            order: 0;
            position: absolute;
            min-width: 36px;
            left: 10px;
            top: 50%;
            transform: translate(0, -50%);
            height: 36px;
            width: 36px;
            font-size: 0;
            flex-basis: auto;
          }

          &[data-column-id="pair"] {
            flex-basis: 50%;
            height: 18px;

            span {
              width: 100%;
              overflow: hidden;
              text-overflow: ellipsis;
            }
          }
        }

        &__row {
          padding-left: 48px;
          padding-right: 48px;
        }
      }
    }

    .tabs-myOrderHistory {
      .smart-table {
        .circle-holder {
          display: none;
        }

        &__cell {
          &[data-column-id="status"] {
            .progress-precents {
              display: inline-flex;
              flex-basis: 0;
            }
          }

          &[data-column-id="price"],
          &[data-column-id="amount"] {
            margin-bottom: 5px;
          }

          &[data-column-id="pair"] {
            flex-basis: auto;
            flex-grow: 0;
            max-width: 30%;
            margin-right: 10px;

            span {
              display: block;
            }
          }

          &[data-column-id="time"] {
            flex-basis: 50%;
            margin-left: auto;
            flex-grow: 0;
          }
        }

        &__row {
          justify-content: flex-start;

          &.buy {
            .progress-precents {
              background: rgba(31, 90, 246, 0.1, .1);
            }
          }

          &.sell {
            .progress-precents {
              background: rgba(229, 73, 77, .1);
            }
          }
        }

        .cancelled {
          .progress-num {
            display: none;
          }
        }

        .status {
          margin: 0 0 5px;
          display: inline-flex;
        }
      }

      .progress-precents {
        height: 15px;
        align-items: center;
        padding: 0 5px;
        border-radius: 2px;
      }
    }

    w-dex-my-orders {
      .smart-table {
        min-width: 100%;

        &__w-thead {
          display: none;
        }

        .order-row {
          position: relative;

          &:not(:first-child) {
            &::before {
              background: @color-basic-100;
              height: 1px;
              width: calc(100% ~'- 20px');
              position: absolute;
              top: 0;
              left: 10px;
              display: block;
              content: '';
              z-index: 1;
            }
          }
        }

        &__row {
          padding-top: 14px;
          padding-bottom: 14px;
          flex-wrap: wrap;
          margin: 0 2px;
          width: calc(100% ~'- 4px');
        }

        &__cell {
          padding: 0;
        }

        &__cell {
          &[data-column-id="average"],
          &[data-column-id="filled"],
          &[data-column-id="time"],
          &[data-column-id="price"],
          &[data-column-id="amount"] {
            flex-basis: 50%;
            height: 18px;
          }

          .cell-label {
            display: inline-block;
          }
        }

        &__cell[data-column-id="fee"] {
          display: none;
          text-align: left;
        }

        &__cell[data-column-id="pair"] {
          order: 0;
          margin-bottom: 5px;
          font-family: @font-roboto-medium;

          span {
            max-width: none;
          }
        }

        &__cell[data-column-id="price"] {
          text-align: left;
          order: 3;
        }

        &__cell[data-column-id="amount"] {
          order: 4;
        }

        &__cell[data-column-id="filled"] {
          text-align: left;
        }

        &__cell[data-column-id="type"],
        &__cell[data-column-id="total"],
        &__cell[data-column-id="filled"],
        &__cell[data-column-id="average"] {
          display: none;
        }

        &__cell[data-column-id="time"] {
          margin-bottom: 5px;
          order: 2;
          text-align: right;
          color: @color-basic-500;
          font-size: @font-size-caption-2;

          .cell-label {
            display: none;
          }
        }

        &__cell[data-column-id="status"] {
          order: 1;
          max-width: 16%;

          .progress-bar,
          .progress-precents {
            display: none;
          }

          .progress-desc {
            &:before,
            &:after {
              content: none;
            }
          }
        }

        &__cell[data-column-id="controls"] {
          order: 4;
          position: absolute;
          flex-basis: 30px;
          right: 10px;
          min-width: 30px;
          top: 50%;
          transform: translate(0, -50%);
          height: 30px;
          width: 30px;
          font-size: 0;

          .stop {
            background-size: 10px 10px;
            background-repeat: no-repeat;
            background-position: center center;
            margin-left: 0;
            height: 30px;
            width: 30px;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 660px) {
body.dex,
body.dex-demo {
  ui-view[name="main"] {overflow: hidden;}
  }
}
@media screen and (max-width: 1440px) {
  body.dex .dex-wrapper,
  body.dex-demo .dex-wrapper {
    .tabs-myOpenOrders {
      w-dex-my-orders {
        .smart-table {
          &__cell[data-column-id="average"],
          &__cell[data-column-id="filled"] {
            display: none;
          }
        }
      }
    }
  }
}

@media screen and (min-width: 1191px) {
  body.dex .dex-wrapper,
  body.dex-demo .dex-wrapper {
    .tabs-myOrderHistory {
      .smart-table__w-tbody {
        .smart-table__cell {
          &:not(:first-child):nth-child(odd) {
            &,
            .decimal-muted {
              color: @color-basic-600;
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 660px) {
body.dex,
body.dex-demo {
  ui-view[name="main"] {overflow: hidden;}
  }
}
<commit_msg>DEXW-1857: fix<commit_after>@import (reference) 'config';
@import (reference) '../../../app/less/typography';

w-dex-my-orders {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-x: auto;

  /* ngRepeat animation*/

  .repeatItemTransition.ng-enter,
  .repeatItemTransition.ng-leave {
    transition: ease-in-out 0.4s;
  }


  .repeatItemTransition.ng-enter,
  .repeatItemTransition.ng-leave.ng-leave-active {
    opacity: 0;
    max-height: 0;
  }

  .repeatItemTransition.ng-leave,
  .repeatItemTransition.ng-enter.ng-enter-active {
    opacity: 1;
    max-height: 30px;
    pointer-events: none;

    &.pre-leave {
      opacity: 0.3;
    }

    @media screen and (max-width: 1024px) {
      max-height: 69px;
    }
  }

  .repeatItemTransition.pre-leave {
    transition: opacity 0.4s;
    opacity: 0.3;
    max-height: 30px;
    pointer-events: none;

    @media screen and (max-width: 1024px) {
      max-height: 69px;
    }

    &.force-leave {
      transition: ease-in-out 0.4s;
      opacity: 0;
      max-height: 0;
      @media screen and (max-width: 1024px) {
        max-height: 0 !important;
      }
    }
  }

  //end
  .centered {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    padding: 0 20px;
    text-align: center;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: @color-basic-500;
  }

  .smart-table {
    .smart-table {
      &__cell[data-column-id="controls"] {
        padding-left: 0;
      }
    }

    &__w-thead {
      .smart-table {
        &__cell[data-column-id="controls"] {

          .disabled {
            display: none;
          }

          span[role='button'] {
            display: inline-block;
            .stop();
            padding-left: 22px;
            background-position: 7px center;
          }

          w-confirm-action {
            border-left: 1px solid @color-basic-100;
            display: block;

            .confirm-tooltip {
              position: absolute;
              top: calc(100% ~'+ 1px');
              right: -10px;
              background: @color-white;
              box-shadow: @shadow-tooltip-confirm;
              width: 186px;
              padding: 15px 20px;
              text-align: center;
              white-space: normal;
              border-radius: @border-radius;

              &::before {
                display: block;
                content: '';
                transform: translate(91px, -20px);
                right: 0;
                width: 0;
                height: 0;
                border: 5px solid transparent;
                border-bottom-color: @color-white;
                border-top: 0 none;
              }

              .buttons-wrapper {
                w-button {
                  button {
                    color: @white-only;
                    font-size: @font-size-caption-2;
                    border-radius: @border-radius / 2;
                  }
                }
              }

              .cancel {
                background: @color-submit-400;
              }

              .action {
                background: @color-error-400;
              }

              .title {
                font-size: @font-size-caption-1;
                line-height: 1em;
              }

              .descr {
                line-height: 1.2em;
              }
            }
          }
        }
      }
    }

    &__w-tbody {
      .smart-table {
        &__row {
          padding: 6px 14px;

          &.can-expand {
            .smart-table {
              &__cell[data-column-id="status"] {
                cursor: pointer;
              }
            }
          }

          &.sell {
            &.new-order {
              background: rgba(255, 228, 228, 0.5);
            }
          }

          &.buy {
            &.new-order {
              background: @color-submit-50;
            }
          }

          &.disabled {
            .smart-table__cell {
              opacity: 0.4;
            }
            .smart-table__cell.cell_stop {
              opacity: 1;
            }
            .cell_set-pair {
              cursor: default;
              a {
                cursor: default;
              }
            }

            &:hover {
              background: @color-white;
              .cell_set-pair {
                a::after{
                  display: none;
                }
              }

              .tooltip-dex {
                display: flex;
              }
            }
          }
        }
      }

      .order-details {
        background: @color-basic-50;

        &:hover {
          background-color: @color-basic-100;
        }
      }
    }

    &__cell {
      flex-basis: 100px;
    }

    &__cell[data-column-id="fee"] {
      text-align: right;
    }

    &__cell[data-column-id="type"] {
      flex-basis: 80px;
      flex-grow: 0;
      min-width: auto;
    }

    &__cell[data-column-id="status"] {
      flex-basis: 80px;
      flex-grow: 0;
      min-width: auto;

      .progress-desc {
        &:before {
          content: '(';
        }

        &:after {
          content: ')';
        }
      }
    }

    &__cell[data-column-id="fee"] {
      flex-basis: 135px;
    }

    &__cell[data-column-id="pair"] {
      padding-left: 0;
      flex-basis: 160px;

      span {
        display: block;
        align-items: center;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 200px;
        cursor: pointer;
      }
    }

    &__cell[data-column-id="filled"],
    &__cell[data-column-id="average"],
    &__cell[data-column-id="price"],
    &__cell[data-column-id="amount"],
    &__cell[data-column-id="total"],
    &__cell[data-column-id="time"],
    &__cell[data-column-id="type"] {
      text-align: right;
    }

    &__cell[data-column-id="controls"] {
      flex-grow: 0;
      padding-right: 0;
    }

    .stop {
      cursor: pointer;
      background-image: url(/img/icons/order_cancel.svg);
      background-size: 8px 8px;
      background-repeat: no-repeat;
      background-position: 10px center;
      display: inline-block;
      padding-left: 25px;
      text-transform: capitalize;
    }
  }

  .order-side {
    &.sell {
      color: @color-error-400;
    }

    &.buy {
      color: @color-submit-400;
    }
  }

  w-input.orders-filter {
    .w-input-wrap {
      input[type="text"] {
        padding: 0 8px 2px 21px;
        background-image: url(/img/icons/input-search-icon.svg);
        background-repeat: no-repeat;
        background-size: 12px 12px;
        background-position: 0 center;
        font-size: 11px;
        height: 27px;
        line-height: 25px;
        border: 0 none;
        border-radius: 0;
        width: 100%;
        max-width: 110px;
      }
    }
  }
}

@media screen and (max-width: 1400px) {
  w-dex-my-orders {
    .smart-table {
      &__cell[data-column-id="pair"] {
        span {
          max-width: 126px;
        }
      }
    }
  }
}

@media screen and (max-width: 1190px) {
  body.dex .dex-wrapper,
  body.dex-demo .dex-wrapper {
    .tabs-myOpenOrders {
      .smart-table {
        &__cell {
          &[data-column-id="status"] {
            order: 0;
            position: absolute;
            min-width: 36px;
            left: 10px;
            top: 50%;
            transform: translate(0, -50%);
            height: 36px;
            width: 36px;
            font-size: 0;
            flex-basis: auto;
          }

          &[data-column-id="pair"] {
            flex-basis: 50%;
            height: 18px;

            span {
              width: 100%;
              overflow: hidden;
              text-overflow: ellipsis;
            }
          }
        }

        &__row {
          padding-left: 48px;
          padding-right: 48px;
        }
      }
    }

    .tabs-myOrderHistory {
      .smart-table {
        .circle-holder {
          display: none;
        }

        &__cell {
          &[data-column-id="status"] {
            .progress-precents {
              display: inline-flex;
              flex-basis: 0;
            }
          }

          &[data-column-id="price"],
          &[data-column-id="amount"] {
            margin-bottom: 5px;
          }

          &[data-column-id="pair"] {
            flex-basis: auto;
            flex-grow: 0;
            max-width: 30%;
            margin-right: 10px;

            span {
              display: block;
            }
          }

          &[data-column-id="time"] {
            flex-basis: 50%;
            margin-left: auto;
            flex-grow: 0;
          }
        }

        &__row {
          justify-content: flex-start;

          &.buy {
            .progress-precents {
              background: rgba(31, 90, 246, 0.1, .1);
            }
          }

          &.sell {
            .progress-precents {
              background: rgba(229, 73, 77, .1);
            }
          }
        }

        .cancelled {
          .progress-num {
            display: none;
          }
        }

        .status {
          margin: 0 0 5px;
          display: inline-flex;
        }
      }

      .progress-precents {
        height: 15px;
        align-items: center;
        padding: 0 5px;
        border-radius: 2px;
      }
    }

    w-dex-my-orders {
      .smart-table {
        min-width: 100%;

        &__w-thead {
          display: none;
        }

        .order-row {
          position: relative;

          &:not(:first-child) {
            &::before {
              background: @color-basic-100;
              height: 1px;
              width: calc(100% ~'- 20px');
              position: absolute;
              top: 0;
              left: 10px;
              display: block;
              content: '';
              z-index: 1;
            }
          }
        }

        &__row {
          padding-top: 14px;
          padding-bottom: 14px;
          flex-wrap: wrap;
          margin: 0 2px;
          width: calc(100% ~'- 4px');
        }

        &__cell {
          padding: 0;
        }

        &__cell {
          &[data-column-id="average"],
          &[data-column-id="filled"],
          &[data-column-id="time"],
          &[data-column-id="price"],
          &[data-column-id="amount"] {
            flex-basis: 50%;
            height: 18px;
          }

          .cell-label {
            display: inline-block;
          }
        }

        &__cell[data-column-id="fee"] {
          display: none;
          text-align: left;
        }

        &__cell[data-column-id="pair"] {
          order: 0;
          margin-bottom: 5px;
          font-family: @font-roboto-medium;

          span {
            max-width: none;
          }
        }

        &__cell[data-column-id="price"] {
          text-align: left;
          order: 3;
        }

        &__cell[data-column-id="amount"] {
          order: 4;
        }

        &__cell[data-column-id="filled"] {
          text-align: left;
        }

        &__cell[data-column-id="type"],
        &__cell[data-column-id="total"],
        &__cell[data-column-id="filled"],
        &__cell[data-column-id="average"] {
          display: none;
        }

        &__cell[data-column-id="time"] {
          margin-bottom: 5px;
          order: 2;
          text-align: right;
          color: @color-basic-500;
          font-size: @font-size-caption-2;

          .cell-label {
            display: none;
          }
        }

        &__cell[data-column-id="status"] {
          order: 1;
          max-width: 16%;

          .progress-bar,
          .progress-precents {
            display: none;
          }

          .progress-desc {
            &:before,
            &:after {
              content: none;
            }
          }
        }

        &__cell[data-column-id="controls"] {
          order: 4;
          position: absolute;
          flex-basis: 30px;
          right: 10px;
          min-width: 30px;
          top: 50%;
          transform: translate(0, -50%);
          height: 30px;
          width: 30px;
          font-size: 0;

          .stop {
            background-size: 10px 10px;
            background-repeat: no-repeat;
            background-position: center center;
            margin-left: 0;
            height: 30px;
            width: 30px;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 660px) {
body.dex,
body.dex-demo {
  ui-view[name="main"] {overflow: hidden;}
  }
}
@media screen and (max-width: 1440px) {
  body.dex .dex-wrapper,
  body.dex-demo .dex-wrapper {
    .tabs-myOpenOrders {
      w-dex-my-orders {
        .smart-table {
          &__cell[data-column-id="average"],
          &__cell[data-column-id="filled"] {
            display: none;
          }
        }
      }
    }
  }
}

@media screen and (min-width: 1191px) {
  body.dex .dex-wrapper,
  body.dex-demo .dex-wrapper {
    .tabs-myOrderHistory {
      .smart-table__w-tbody {
        .smart-table__cell {
          &:not(:first-child):nth-child(odd) {
            &,
            .decimal-muted {
              color: @color-basic-600;
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 660px) {
body.dex,
body.dex-demo {
  ui-view[name="main"] {overflow: hidden;}
  }
}

{'fraction_non_alphanumeric': 0.13193324582786425, 'fraction_numerical': 0.025876617288580536, 'mean_word_length': 1.1458115393900379, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '411028', 'n_tokens_mistral': 9014, 'n_tokens_neox': 8125, 'n_words': 1432}