Вопрос:
Подскажите, для параметров fontSize можно задавать относительное значение типа ‘bigSize’ / ‘smallSize’ или размер в % от оптимального для этого места. Например ‘75%’ ?
Ибо как оказалось на небольших мониторах (и на очень больших) фикс значения ведут себя не так, как планировалось…
Ответ:
Предполагаем, что у одного из контейнеров стоит overflow: hidden и line-height маловат для такого размера шрифта. Можно исправить через styles.css.
В стилях необходимо выставить overflow:visible для контейнера при медиа запросе на ширину вьюпорта, начиная с какого-либо приемлемо большого значения в px.
Также рекомендуем использовать vmin для шрифтов вместо “px”.
У нас установлено приведение к пикселям и игнорирование в лейбле не числовых значений для fontSize.
В таком случае, вам необходимо создать локальный файл со стилями styles.dboard=2.css (для дешборда с id=2) и там выборкой селекторов для доски управлять размером каждого из лейблов.
Пример:
.valueTd .value > .value {
font-size: 2vmin; // тут размер в vmin,vmax,vh,vh
}
// стиль для конкретного ребенка (Лейбла в данном случае) доски
.VizelBoard__Frame:nth-child(3) .valueTd .value > .value {
font-size: 2.5vmin; // тут размер в vmin,vmax,vh,vh
}