Инструменты пользователя

Инструменты сайта


lsshtml

Это старая версия документа!


Пользовательский HTML

Введение

Пользователь может использовать HTML в:

  • панели type=«html»
  • панели type=«list», style=«card» - отображение карточки
  • панели type=«grid», field.type=«html»

Если выбран способ отображения карточки (панель list, style=card), есть возможность сворачивать/разворачивать содержимое. Соответственно, для карточки имеют смысл классы button-expand и collapsable.

Классы контейнеров, основанных на flex

flex-row и flex-column - классы контейнеры

Это классы контейнеры, вложенные в них элементы будут размещаться:

  • для flex-row горизонтально, слева на право
  • для flex-column вертикально, сверху вниз

wrap - признак контейнера

Этот класс можно добавить к контейнерам flex-row и flex-column, при этом дочерние элементы начинают переноситься если не умещаются в размер.

left, right, top, bottom, center-v, center-h - признак контейнера

Этот класс можно добавить к контейнерам flex-row и flex-column, описывает способ размещения дочерних элементов

  • left - пытаться прижимать дочерние элементы к левому краю
  • right - пытаться прижимать дочерние элементы к правому краю
  • center-h - пытаться размещать дочерние элементы горизонтально по центру
  • top - пытаться прижимать дочерние элементы к верхнему краю
  • bottom - пытаться прижимать дочерние элементы к нижнему краю
  • center-v - пытаться размещать дочерние элементы вертикально по центру

Классы элементов, вложенных в контейнеры

title - класс заголовка

Элемент заголовка

<div class="title">Текст заголовка</div>

tag - класс выделения

Элемент, выделенный цветным кружочком

<div class="tag lss-color-red">код</div>

button-expand

Кнопочка разворачивания/сворачивания скрываемых элементов, имеет смысл только для карточек

space

Элемент разделитель, следует размещать его между элементами, в начале или конце. Максимально раздвигает элементы друг от друга.

separator

Элемент разделитель, отображается как вертикальная палочка между элементами

stretch

Дополнительный признак элемента, пытается занять элементом все доступное пространство

hide-empty

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

collapsable

Дополнительный признак элемента, имеет смысл только для карточек. При сворачивании/разворачивании карточки скрывается/отображается

lsshtml.1776954167.txt.gz · Последнее изменение: 2026/04/23 17:22 — madmin

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki