Desktop/stylesheets/components/Inbox.scss

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

@use '../mixins';
@use '../variables';

.Inbox {
  display: flex;
  flex-direction: row;
  height: 100%;

  &__conversation-stack {
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
  }

  &__no-conversation-open {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-align: center;
  }

  .__conversation {
    @include mixins.light-theme {
      background-color: variables.$color-white;
    }

    @include mixins.dark-theme {
      background-color: variables.$color-gray-95;
    }
  }
}

.Inbox__no-conversation-open .module-splash-screen__logo {
  margin: 0;
}

.Inbox__welcome {
  margin-block: 20px 6px;

  @include mixins.font-title-medium;
  line-height: 24px;
}

.Inbox__whatsnew {
  margin: 0;
}

// To center the content relative left pane
.Inbox__padding {
  flex-grow: 1;
  max-height: 28px;
}