signal-desktop/stylesheets/components/ForwardMessageModal.scss

// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

.module-ForwardMessageModal {
  flex-direction: column;
  margin-block: 0;
  margin-inline: auto;
  max-width: 360px;
  width: 95%;

  .module-conversation-list {
    // remove horizontal padding so ListTiles extend to the edges
    padding: 0;
  }

  &--link-preview {
    border-bottom: 1px solid $color-gray-15;
    padding-block: 12px;
    padding-inline: 16px;

    @include dark-theme() {
      border-color: $color-gray-60;
    }
  }

  &__header {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    @include font-body-1-bold;

    &--edit {
      border-bottom: 1px solid $color-gray-15;

      @include dark-theme() {
        border-color: $color-gray-60;
      }
    }
  }

  &__list-wrapper {
    flex-grow: 1;
    overflow: hidden;
  }

  &__main-body {
    display: flex;
    flex-direction: column;
    min-height: 300px;
  }

  &__no-candidate-contacts {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  &__send-button {
    align-items: center;
    border: none;
    border-radius: 100%;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px;

    &::after {
      content: '';
      display: block;
      flex-shrink: 0;
      height: 20px;
      width: 20px;
    }

    &--continue {
      &::after {
        height: 24px;
        width: 24px;
        @include color-svg(
          '../images/icons/v3/arrow/arrow-right.svg',
          $color-white
        );
      }
    }

    &--forward {
      &::after {
        @include color-svg(
          '../images/icons/v3/send/send-fill.svg',
          $color-white
        );
      }
    }
  }

  // Disable vertical scrolling on the modal pages
  // since the elements inside are scrollable themselves
  .module-Modal__body {
    overflow-y: hidden;
  }

  &__footer {
    @include font-body-2;
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: space-between;
  }

  // Disable cursor since images are non-clickable
  .module-image__image {
    cursor: inherit;
  }
}