/*
This file is part of the Meeds project (https://meeds.io/).
Copyright (C) 2020 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.
*/
.selectExistingDriveDialog {
  height: 500px;
  max-height: ~"calc( 100vh - 35px )";
  min-height: ~"calc( 100% - 35px )";

  .PopupContent {
    width: 100%;
    max-width: 100%;
    height: 100%!important;
    display: flex;
    flex-direction: column;
    .UIDocActivityPopup {
        width: 100%;
        max-width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;

        #UIDocumentSelectorTab, #UIFolderSelectorTab {
          display: flex;
          flex-direction: column;
          height: ~"calc( 100% - 65px )";

          .selectionBox {
              height: 100%;
              max-height: ~"calc( 100vh - 156px )";
              width: 620px;
              max-width: 100vw;
              padding: 0;
              overflow: auto;
          }
        }
        .uiActionBorder {
          height: 45px;
        }
    }
  }
  .breadcrumb {
    max-width: 378px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    li {
      max-width: fit-content;
      display: inline;
      flex: 0 1 auto;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      min-width: 20px;
    }
    li:last-child {
      flex: 0 0 auto;
    }
    li::nth-last-child(2) {
      flex: 0 0 auto;
    }
  }
}

@media (max-width: 767px) {
  .selectExistingDriveDialog .PopupContent .UIDocActivityPopup {
    #UIDocumentSelectorTab, #UIFolderSelectorTab {
      .selectionBox .folderSelection, .selectionBox .fileSelection {
        margin: 0;
      }
    }
  }
}
@media (max-width: 480px) {
  .selectExistingDriveDialog .breadcrumb  li {
    min-width: auto;
  }
  .selectExistingDriveDialog .PopupContent .UIDocActivityPopup #UIDocumentSelectorTab {
    height: ~"calc( 100% - 120px )";

    .selectionBox {
      max-height: ~"calc( 100vh - 196px )";
    }
  }
}