Node-RED Dashboards: различия между версиями

Строка 123: Строка 123:
Image: nr-svg-dash-demo-tab2.png | Вкладка с SVG-изображением
Image: nr-svg-dash-demo-tab2.png | Вкладка с SVG-изображением
</gallery>
</gallery>
=== Хитрости ===
Верхнюю панель можно скрыть: перейдите '''dashboard''' → '''Site''' и выберите '''Hide the title bar'''. Здесь же находятся настройки меню и размеров виджетов.
Тему можно изменить:  перейдите '''dashboard''' → '''Theme''' и выберите одну из тем.
Скрыть заголовок группы можно в настройках, параметр '''Display group name'''.
Чтобы скрыть однопиксельную рамку вокруг svg-панели, добавьте на вкладку '''SVG''' ноды '''SVG grahpics''' перед тегом <code><svg></code> код:
<syntaxhighlight lang="html">
<style>
    body.nr-dashboard-theme md-toolbar {
        background-color: #1a1a1a;
        color: #fff;
    }
    md-card.nr-dashboard-template {
        padding: 0px;
    }
    ui-card-panel.visible {
        top: 0 !important;
        left: 0 !important;
        border: none;
    }
</style>
</syntaxhighlight>