forked from CITKParus/P8-Panels
87 lines
2.1 KiB
JavaScript
87 lines
2.1 KiB
JavaScript
/*
|
||
Парус 8 - Панели мониторинга
|
||
Вспомогательные стили Typography
|
||
*/
|
||
|
||
//---------------------
|
||
//Подключение библиотек
|
||
//---------------------
|
||
|
||
import { P8P_COMPONENT_WIDTH, P8P_COMPONENT_HEIGHT } from "./common"; //Стили - общие
|
||
|
||
//----------------
|
||
//Интерфейс модуля
|
||
//----------------
|
||
|
||
//---------
|
||
//Общие стили текста
|
||
//---------
|
||
|
||
//Текст с возможностью нажатия
|
||
export const P8P_TYPOGRAPHY_CLICKABLE = {
|
||
cursor: "pointer"
|
||
};
|
||
|
||
//Заголовок полноэкранного диалога
|
||
export const P8P_TYPOGRAPHY_DIALOG_TITLE = {
|
||
marginLeft: "16px",
|
||
flex: 1
|
||
};
|
||
|
||
//Заголовок
|
||
export const P8P_TYPOGRAPHY_TITLE = {
|
||
...P8P_COMPONENT_HEIGHT({ height: "44px" })
|
||
//height: "44px"
|
||
};
|
||
|
||
//---------
|
||
//Стили приложения
|
||
//---------
|
||
|
||
//Описание панели на рабочем столе
|
||
export const P8P_TYPOGRAPHY_PANEL_DESK = {
|
||
display: "-webkit-box",
|
||
overflow: "hidden",
|
||
WebkitBoxOrient: "vertical",
|
||
WebkitLineClamp: 2,
|
||
...P8P_COMPONENT_WIDTH({ maxWidth: "140px" })
|
||
//maxWidth: "140px"
|
||
};
|
||
|
||
//---------
|
||
//Стили циклограммы
|
||
//---------
|
||
|
||
//Колонка циклограммы
|
||
export const P8P_TYPOGRAPHY_CG_HEADER = {
|
||
textOverflow: "ellipsis",
|
||
overflow: "hidden",
|
||
whiteSpace: "pre",
|
||
textAlign: "center",
|
||
lineHeight: "35px",
|
||
padding: "0px 5px"
|
||
};
|
||
|
||
//Группа циклограммы
|
||
export const P8P_TYPOGRAPHY_CG_GROUP = ({ maxWidth, maxHeight }) => ({
|
||
maxWidth,
|
||
maxHeight,
|
||
textAlign: "center",
|
||
wordWrap: "break-word"
|
||
});
|
||
|
||
//Задача циклограммы
|
||
export const P8P_TYPOGRAPHY_CG_TASK = ({ maxHeight, availableLines }) => ({
|
||
maxHeight,
|
||
...P8P_COMPONENT_WIDTH({ width: "100%" }),
|
||
//width: "100%",
|
||
padding: "0px 5px",
|
||
overflowWrap: "break-word",
|
||
wordBreak: "break-all",
|
||
overflow: "hidden",
|
||
textOverflow: "ellipsis",
|
||
display: "-webkit-box",
|
||
WebkitBoxOrient: "vertical",
|
||
WebkitLineClamp: availableLines < 1 ? 1 : availableLines
|
||
});
|