/**

  This file is part of the Meeds project (https://meeds.io/).

  Copyright (C) 2020 - 2023 Meeds Association contact@meeds.io

  This program is free software; you can redistribute it and/or
  modify it under the terms of the GNU Lesser General Public
  License as published by the Free Software Foundation; either
  version 3 of the License, or (at your option) any later version.
  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  Lesser General Public License for more details.
  You should have received a copy of the GNU Lesser General Public License
  along with this program; if not, write to the Free Software Foundation,
  Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

*/

@import "../../variables.less"; 
@import "../../mixins.less";

@spaceCardParentMargin: 22px;
@spaceCardMaxHeight: 227px;
@spaceCardParentMaxHeight: @spaceCardParentMargin + @spaceCardMaxHeight;

#spacesListApplication {
  .selectSpacesFilter {
    height: 40px;
    width: auto;
    padding-right: 20px;
  }
  #spacesListBody {
    min-height: ~"calc(var(--100vh, 100vh) - 180px)";
  }
  .noSpacesYetBlock {
    min-height: ~"calc(var(--100vh, 100vh) - 280px)";
    color: @greyColorLighten1;

    .addNewSpaceLink {
      padding-bottom: 3px;
    }
    .noSpacesYetIcons {
      direction: ltr;
      i::before {
        font-size: 140px !important;
        color: @greyColorLighten1;
      }
    }
  }
  .inputSpacesFilter {
    max-width: 215px;
  }

  .spaceFormDrawer {
    textarea {
      resize: none;
    }
  }
  @import "../../common/SpaceCard/Style.less";

  .spaceCardFront, .spaceCardBack {
    > * {
      margin: 0 5px;
    }
  }
  .SpaceApplicationCard {
    min-width: 232px;
    max-width: 232px;
    width: 232px;
    height: 92px;
    border-radius: 4px !important;
    border: 1px solid @btnBorder;
  
    &.dashed-border {
      border-style: dashed;
    }
  
    .SpaceApplicationCardImage {
      max-width: 45px;
      width: 45px;
    }
    .SpaceApplicationCardBody, .SpaceApplicationCardTitle, .SpaceApplicationCardDescription {
      max-width: 133px;
      width: 133px;
    }
    .SpaceApplicationCardAction {
      max-width: 36px;
      width: 36px;
    }
    .v-menu__content {
      top: 30px !important;
      right: 10px ~'!important; /** orientation=lt */ ';
      left: auto  ~'!important; /** orientation=lt */ ';
      left: 10px ~'!important; /** orientation=rt */ ';
      right: auto  ~'!important; /** orientation=rt */ ';
    }
  
    &.SpaceApplicationCardEmbedded {
      min-width: auto;
      max-width: none;
      width: auto;
      height: 82px;
      margin: 8px -16px;
  
      .SpaceApplicationCardBody {
        max-width: ~"calc(100% - 121px)";
      }
      .SpaceApplicationCardTitle, .SpaceApplicationCardDescription {
        max-width: 100%;
        width: 100%;
      }
    }
  }
}

@media (max-width: @maxMobileWidth) {
  #spacesListApplication {
    #spacesListToolbar {
      .addNewSpaceButton {
        padding: 0 !important;
      }
    }

    .inputSpacesFilter {
      .v-input__prepend-inner {
        display: none;
      }

      input{
        padding-top: 0;
      }
    }

    @import "../../common/SpaceCard/Style-mobile.less";
  }
}
