// Copyright (c) 2020-2021 Drew Lemmy
// This file is part of KristWeb 2 under AGPL-3.0.
// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
@import (reference) "../../App.less";
@import "../../style/table.less";

.wallets-page .table-mobile-list-view {
  .wallet-mobile-item {
    background: transparent;
    transition: background @animation-duration-base @ease-in-out;

    // Move the padding from the mobile-item to the collapse header, to make the
    // clickable area the full size
    &.card-list-item { padding: 0; }
    .ant-collapse-header {
      padding: @padding-sm @padding-md;

      // Darken the background when expanded
      &[aria-expanded=true] {
        background: @kw-darker;
      }
    }

    .wallet-label {
      display: block;
      font-size: 120%;
    }

    .wallet-value {
      float: right;
      font-size: 120%;
    }

    .wallet-first-seen {
      display: block;
      font-size: @font-size-sm;
      color: @text-color-secondary;
    }

    .wallet-names {
      white-space: nowrap;
    }

    .sep:before {
      content: "\2013";

      display: inline-block;
      margin: 0 @padding-xs;
      color: @text-color-secondary;
    }

    .ant-collapse-content-box {
      // Make the actions menu flush
      padding: 0;

      .ant-menu {
        .ant-menu-item {
          margin-bottom: 0;
        }
      }
    }
  }
}