signal-desktop/stylesheets/components/SafetyNumberChangeDialog.scss

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

.module-SafetyNumberChangeDialog {
  &__message {
    @include font-body-2;
    text-align: center;

    @include light-theme {
      color: $color-gray-60;
    }

    @include dark-theme {
      color: $color-gray-25;
    }
  }

  &__contacts {
    list-style-type: none;
    max-height: 300px;
    overflow-y: scroll;
    padding: 0;
  }

  &__contact {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;

    &--wrapper {
      flex-grow: 1;
      margin-left: 12px;
    }

    &--name {
      @include font-body-1-bold;

      @include dark-theme {
        color: $color-white;
      }
    }

    &--number {
      @include light-theme {
        color: $color-gray-60;
      }

      @include dark-theme {
        color: $color-gray-25;
      }
    }

    &--view {
      @include font-body-1-bold;
      background: inherit;
      border: none;
      cursor: pointer;
      margin-right: 2px;
      outline: none;
      padding: 8px 14px;

      @include keyboard-mode {
        &:focus {
          box-shadow: 0px 0px 0px 2px $color-ultramarine;
        }
      }

      @include light-theme {
        color: $color-ultramarine;
      }

      @include dark-theme {
        color: $color-gray-05;
      }
    }
  }
}