Редактирование дизайна в Режиме клиента

Содержание

• Когда доступно редактирование дизайна

• Где находятся настройки дизайна

• Какие свойства можно редактировать

• Как сохраняются изменения

• Сброс изменений дизайна

В Режиме клиента можно менять отдельные параметры стилей элементов — если дизайнер заранее разрешил это в Режиме дизайнера. Это позволяет адаптировать внешний вид блока под задачи бизнеса, не нарушая общую структуру сайта.

Когда доступно редактирование дизайна

В Режиме клиента редактирование стиля элемента доступно только если одновременно выполнены три условия:

В Режиме дизайнера — для элемента включен чекбокс «Дизайн» в разделе Режим клиента.

Стиль задан в локальном или пользовательском классе.

Стиль входит в список разрешенных для редактирования свойств. Подробнее: Какие свойства можно редактировать

Если хотя бы одно условие не выполнено, стиль элемента отредактировать не получится.

Где находятся настройки дизайна

Редактировать свойства можно на правой панели в разделе Дизайн элемента.

В разделе отображаются только те свойства, который доступны для редактирования.

Какие свойства можно редактировать

В Режиме клиента можно менять следующие свойства:

Текст:

Все настройки текста, кроме переноса при переполнении и прерывания

Внешний вид:

Непрозрачность

Радиус

Фон

Цвет фона

Границы

Тени (внешняя и внутренняя)

Внутренние и внешние отступы — если они были заданы в Режиме дизайнера

Важно: для свойств Фон и Цвет фона нельзя удалить значение — его можно только изменить или скрыть. Кнопка удаления (—) для этих свойств недоступна.

Настройки Отступов отображаются в списке стилей только в том случае, если они были заданы в Режиме дизайнера. Например, если были заданы только внутренние отступы, внешних отступов в списке не будет.

Как сохраняются изменения

Если изменить хотя бы одно свойство в разделе Дизайн элемента:

Для элемента автоматически создается специальный класс.

В этот класс записываются все изменения, сделанные в Режиме клиента.

В Режиме дизайнера он отображается как пользовательский класс с названием cm-styles.

Особенности класса cm-styles:

Внутри проекта каждый такой класс технически уникален.

Класс располагается после всех остальных классов в списке Источники стилей.

В контекстном меню класса доступно только удаление.

Все изменения в классе cm-styles применяются локально — только к выбранному элементу.

Сброс изменений дизайна

Сброс отдельного свойства

Если значение свойства было изменено в Режиме клиента, его можно сбросить сочетанием Shift + Reset.

Сброс всех изменений у элемента

В разделе Дизайн элемента есть кнопка сброса всех стилей элемента, измененных в Режиме клиента.

Кнопка неактивна, если в классе не изменено ни одного свойства.

При нажатии на кнопку сбрасываются только значения, заданные в Режиме клиента. Значения, установленные в Режиме дизайнера и не отредактированные в Режиме клиента, остаются без изменений.