Зміна значків на інтерактиві

Для зміни властивостей інтерактивних областей на сторінці редагування об'єкту слід додати код у розділі СSS стилі шахматки :

Налаштуємо зміщення напису "Секція" для секції з ID 48 - правіше на 5px та вище на 50px:

:root { --chess-interaction-sections-48-label-offset: 5px 50px; }

Налаштуємо зміщення напису "Секція" для секції з ID 48 на інтерактиві об'єкта з ID 100 - правіше на 5px та вище на 50px:

:root { --chess-interaction-sections-48-on-gprojects-100-label-offset: 5px 50px; }

Додамо ярлик "NEW" для будинку з ID 31:

.buildings-31-label.object-label:before { content: 'NEW'; background: #ec6372; color: #FFF; font-size: 9px; padding: 5px; border-radius: 5px; position: absolute; right: 0px; transform: translate(50%, -35%); }

Додамо підстрибування напису "Будинок 1" для будинку з ID 31:

@keyframes bounce {

0% { transform: translateY(0%); }

100% { transform: translateY(-20%); }

}

.buildings-31-label.object-label { animation-duration: 0.8s; animation-name: bounce; animation-iteration-count: infinite; animation-direction: alternate; }

Замінимо текст напису "Будинок 7" на "Котедж 2" для будинку з ID 32 й задамо розмір шрифту 11px:

.buildings-32-label.object-label .label-type-value { font-size: 0px; }

.buildings-32-label.object-label .label-type-value:after { content: "Котедж 2"; font-size: 11px; }

.buildings-32-label.object-label .label-name { display:none; }

Приклад https://web.flatris.com.ua/custom_badge.html

Для приховування всіх написів будинків:

.buildings-label.object-label { display:none; }