Current File : //var/www/prestashop/modules/psxdesign/views/css/components/text-editor.css

/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/OSL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://devdocs.prestashop.com/ for more information.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
 */
.text-editor {
  overflow: hidden;
  border-radius: 0.25rem;
  border: 1px solid #b3c7cd;
}

.text-editor__toolbar {
  padding: 0.75rem;
  background-color: #fafbfc;
  border-bottom: 1px solid #b3c7cd;
  display: flex;
  gap: 0.5rem;
}
.text-editor__toolbar .form-group {
  margin: 0;
  flex: 1;
}
.text-editor__toolbar .form-group .form-select, .text-editor__toolbar .form-group input {
  background: #ffffff;
}
.text-editor__toolbar .form-group.for-group--small {
  flex: 0.5;
}
.text-editor__toolbar .form-group input:disabled {
  background: #eaebec;
}

.text-editor__textarea {
  background-color: #ffffff;
  padding: 0.75rem;
  min-height: clamp(4.125rem, 1.5em, 10em);
  width: 100%;
  border: none;
  outline: none;
  resize: none;
  display: block;
}
.text-editor__textarea[rows="1"] {
  white-space: nowrap;
  line-height: 1em;
  min-height: clamp(4.125rem, 1.5em, 1.5em);
}

.text-editor__font-color-input {
  height: 39px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #bbcdd2;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out;
}
.text-editor__font-color-input:focus, .text-editor__font-color-input:focus-visible {
  outline: 0;
  border-color: #7cd5e7;
}