forked from CITKParus/P8-Panels
65 lines
1.6 KiB
JavaScript
65 lines
1.6 KiB
JavaScript
/*
|
||
Парус 8 - Панели мониторинга
|
||
Вспомогательные стили - общие
|
||
*/
|
||
|
||
//----------------
|
||
//Интерфейс модуля
|
||
//----------------
|
||
|
||
//Ширина компонента
|
||
export const P8P_COMPONENT_WIDTH = ({ width, minWidth, maxWidth }) => ({
|
||
...(width ? { width } : {}),
|
||
...(minWidth ? { minWidth } : {}),
|
||
...(maxWidth ? { maxWidth } : {})
|
||
});
|
||
|
||
//Высота компонента
|
||
export const P8P_COMPONENT_HEIGHT = ({ height, minHeight, maxHeight }) => ({
|
||
...(height ? { height } : {}),
|
||
...(minHeight ? { minHeight } : {}),
|
||
...(maxHeight ? { maxHeight } : {})
|
||
});
|
||
|
||
//Полная ширина и высота
|
||
export const P8P_COMPONENT_FULL_SIZE = {
|
||
height: "100%",
|
||
width: "100%"
|
||
};
|
||
|
||
//Отсутствие отступов
|
||
export const P8P_COMPONENT_ZERO_PADDING = {
|
||
padding: "0px"
|
||
};
|
||
|
||
//Блок с возможностью нажатия
|
||
export const P8P_COMPONENT_CLICKABLE_OPACITY = {
|
||
cursor: "pointer",
|
||
"&:hover": { backgroundColor: "inherit", opacity: "0.8" }
|
||
};
|
||
|
||
//Стили
|
||
export const P8P_SCROLL = {
|
||
"&::-webkit-scrollbar": {
|
||
height: "8px",
|
||
width: "8px"
|
||
},
|
||
"&::-webkit-scrollbar-track": {
|
||
borderRadius: "8px",
|
||
backgroundColor: "P8PScroll.track"
|
||
},
|
||
"&::-webkit-scrollbar-thumb": {
|
||
borderRadius: "8px",
|
||
backgroundColor: "P8PScroll.thumb"
|
||
},
|
||
"&::-webkit-scrollbar-thumb:hover": {
|
||
backgroundColor: "P8PScroll.hover"
|
||
}
|
||
};
|
||
|
||
//Отображаемый скролл
|
||
export const P8P_SCROLL_AUTO = {
|
||
overflow: "auto",
|
||
...P8P_SCROLL
|
||
};
|