Mini Kabibi Habibi

/**
 * ADOBE CONFIDENTIAL
 * ___________________
 *
 * Copyright 2020 Adobe
 * All Rights Reserved.
 *
 * NOTICE: All information contained herein is, and remains
 * the property of Adobe and its suppliers, if any. The intellectual
 * and technical concepts contained herein are proprietary to Adobe
 * and its suppliers and are protected by all applicable intellectual
 * property laws, including trade secret and copyright laws.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe.
 */

/*
 * This file contains styling that is applicable
 * to all UXP ShareSheet instances
 */

/* Ensures that the ShareSheet dialog does not extend beyond
 * the viewport of the UXP rendering panel
 */
.ccx-ss-dialog {
  height: 100vh;
  max-height: 100vh;
}

/* Sets native input element colors */
.ccx-ss-quiet-input {
  background-color: var(--ccx-share-sheet-background-color-1) !important;
}
.ccx-ss-flex-input {
  background-color: var(--ccx-share-sheet-input-background-color-1) !important;
}

.react-spectrum-provider.spectrum.spectrum--override .spectrum-Textfield,
.react-spectrum-provider.spectrum.spectrum--override .spectrum-Textfield .inputText,
.react-spectrum-provider.spectrum.spectrum--override .spectrum-Textfield textarea.inputText,
.react-spectrum-provider.spectrum.spectrum--override .spectrum-Textfield .inputText input,
.react-spectrum-provider.spectrum .spectrum-Textfield.spectrum-Textfield--quiet,
.react-spectrum-provider.spectrum .spectrum-Textfield.spectrum-Textfield--quiet .inputText,
.react-spectrum-provider.spectrum .spectrum-Textfield.spectrum-Textfield--quiet textarea.inputText,
.react-spectrum-provider.spectrum .spectrum-Textfield.spectrum-Textfield--quiet span.inputSpan,
.react-spectrum-provider.spectrum .spectrum-Textfield.spectrum-Textfield--multiline,
.react-spectrum-provider.spectrum .spectrum-Textfield.spectrum-Textfield--multiline .inputText,
.react-spectrum-provider.spectrum .spectrum-Textfield.spectrum-Textfield--multiline span.inputSpan {
  background: var(--ccx-share-sheet-background-color-1) !important;
  background-color: var(--ccx-share-sheet-background-color-1) !important;
  color: var(--ccx-share-sheet-text-color-1) !important;
  font-size: var(--ccx-share-sheet-font-size-md) !important;
}

.react-spectrum-provider.spectrum .spectrum-Textfield.ccx-ss-flex-input-textarea,
.react-spectrum-provider.spectrum .spectrum-Textfield.ccx-ss-flex-input-textarea .inputText,
.react-spectrum-provider.spectrum .spectrum-Textfield.ccx-ss-flex-input-textarea .inputText input,
.react-spectrum-provider.spectrum .spectrum-Textfield.ccx-ss-artifact-title-input,
.react-spectrum-provider.spectrum .spectrum-Textfield.ccx-ss-artifact-title-input .inputText,
.react-spectrum-provider.spectrum .spectrum-Textfield.ccx-ss-artifact-title-input .inputText input,
.react-spectrum-provider.spectrum .spectrum-Textfield.ccx-ss-artifact-title-input span.inputSpan {
  background: var(--ccx-share-sheet-input-background-color-1) !important;
  background-color: var(--ccx-share-sheet-input-background-color-1) !important;
  color: var(--ccx-share-sheet-text-color-1) !important;
  font-size: var(--ccx-share-sheet-font-size-md) !important;
}

#ccx-ss-flex-input input,
.ccx-ss-password-input-container input,
.ccx-ss-invite-message-textarea textarea.inputText {
  appearance: none;
  background: var(--ccx-share-sheet-input-background-color-1) !important;
}

.ccx-ss-password-input-container input {
  border-radius: 4px;
  padding: 8px 12px 5px !important;
}

.permissions-combobox-container {
  border-bottom-style: none;
}

.spectrum-CoachMarkPopover {
  max-height: min-content !important;
  top: unset !important;
}

.ccx-artifact-control-footer-actions {
  align-items: center;
}

#ccx-artifact-control-footer-dropdown {
  display: flex;
}

#ccx-ss-artifact h3 {
  margin: 8px 0;
}

.ccx-ss-dialog-header {
  height: max-content !important;
}

#ccx-ss-artifact .ccx-ss-dialog-header {
  padding: 24px 24px 0 !important;
}

.ccx-ss-artifact-title-input {
  font-size: 14px !important;
}

#ccx-ss-artifact-manage-input-title + .title-input-container > div {
  width: 100%;
}

#ccx-ss-artifact-title-input.isRenaming {
  background-color: var(--ccx-share-sheet-background-color-disabled) !important;
  border-radius: 4px;
  padding-right: 38px;
}

#ccx-ss-link-access-select {
  justify-content: flex-start;
  padding-left: 0;
}

.ccx-ss-link-access div.ccx-ss-link-access-select {
  width: 100%;
}

#ccx-ss-invite-plus-card {
  padding: 8px 24px;
}

.ccx-artifact-control-footer-column {
  flex-shrink: 0;
}

.ccx-ss-plus-card-image > div {
  background-color: transparent !important;
  height: 34px;
  width: 34px;
}

.ccx-ss-password-input-row.list-container ul,
.ccx-ss-password-input-row.list-container li {
  background-color: transparent !important;
  font-size: 14px;
}

#ccx-ss-artifact-invite .invite-input-container {
  margin-bottom: 8px;
}

/* CCX-12230 - required only in artifact invite  */
#ccx-ss-artifact-invite #ccx-ss-predictive-list {
  margin: 0 24px;
  width: auto;
}

#ccx-ss-link-access label {
  padding: 0;
}

.ccx-ss-quiet-message-textarea::placeholder {
  background-color: var(--ccx-share-sheet-placeholder-color) !important;
}

/* Additional specificity to override UXP :hover styling.
 * The component styling is overwritten by UXP spectrum button styles
 */
.ccx-ss-project-group-card:hover {
  background-color: var(--ccx-share-sheet-hover-background-color) !important;
}

/** Prevent override of display: flex from .spectrum-FieldLabel CCX-9936*/
.ccx-ss-invite-message-title {
  display: inline !important;
}

/* CCX-11061 - Resolves issue where close icon is misaligned on Windows */
.spectrum-Tags-itemLabel + span {
  display: inline-flex;
}

/* UXP button doesn't auto adjust height when button has multi-line text */
#ccx-toast-action-button {
  height: auto;
}

#ccx-ss-artifact-node-curation-section
  .ccx-ss-artifact-node-curation-section-text-field-wrapper
  .spectrum-Textfield {
  padding: 4px;
}