indentation.html.twig in Drupal 10

Theme override for a set of indentation divs.

These <div> tags are used for drag and drop tables.

Available variables:

• size: Optional. The number of indentations to create.

6 theme calls to indentation.html.twig

BookAdminEditForm::bookAdminTableTree in core/modules/book/src/Form/BookAdminEditForm.php

Helps build the main table in the book administration page form.

FieldUiTable::tablePreRender in core/modules/field_ui/src/Element/FieldUiTable.php

Performs pre-render tasks on field_ui_table elements.

MenuForm::buildOverviewForm in core/modules/menu_ui/src/MenuForm.php

Form constructor to edit an entire menu tree at once.

OverviewTerms::buildForm in core/modules/taxonomy/src/Form/OverviewTerms.php

Form constructor.

TableDragTestForm::buildTestTable in core/modules/system/tests/modules/tabledrag_test/src/Form/TableDragTestForm.php

Builds the draggable test table.

... See full list

File

core/themes/claro/templates/admin/indentation.html.twig

{#
/**
 * @file
 * Theme override for a set of indentation divs.
 *
 * These <div> tags are used for drag and drop tables.
 *
 * Available variables:
 * - size: Optional. The number of indentations to create.
 */
#}
{% if size > 0 %}{% for i in 1..size %}<div class="js-indentation indentation">
  <svg
    xmlns="http://www.w3.org/2000/svg"
    class="tree"
    width="25"
    height="25"
    viewBox="0 0 25 25">
    <path
      class="tree__item tree__item-child-ltr tree__item-child-last-ltr tree__item-horizontal tree__item-horizontal-right"
      d="M12,12.5 H25"
      stroke="#888"/>
    <path
      class="tree__item tree__item-child-rtl tree__item-child-last-rtl tree__item-horizontal tree__horizontal-left"
      d="M0,12.5 H13"
      stroke="#888"/>
    <path
      class="tree__item tree__item-child-ltr tree__item-child-rtl tree__item-child-last-ltr tree__item-child-last-rtl tree__vertical tree__vertical-top"
      d="M12.5,12 v-99"
      stroke="#888"/>
    <path
      class="tree__item tree__item-child-ltr tree__item-child-rtl tree__vertical tree__vertical-bottom"
      d="M12.5,12 v99"
      stroke="#888"/>
  </svg>
</div>{% endfor %}{% endif %}