cometchat-react-ui-kit2
Version:
CometChat UI Kit for React App
78 lines (77 loc) • 2.15 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.listItem = exports.itemThumbnailStyle = exports.itemNameStyle = exports.itemDetailStyle = exports.itemDescStyle = void 0;
var listItem = function listItem(props, theme) {
var backgroundStyle = props.style.background;
if (props.isActive) {
backgroundStyle = props.style.activeBackground;
}
return {
display: "flex",
flexDirection: "row",
justifyContent: "left",
alignItems: "center",
cursor: "pointer",
width: props.style.width,
height: props.style.height,
padding: "8px 16px",
background: backgroundStyle,
borderRadius: props.style.borderRadius,
"&:hover": {
background: props.style.activeBackground
}
};
};
exports.listItem = listItem;
var itemThumbnailStyle = function itemThumbnailStyle() {
return {
position: "relative",
display: "inline-block",
flexShrink: "0",
justifyContent: "center",
alignItems: "center"
};
};
exports.itemThumbnailStyle = itemThumbnailStyle;
var itemDetailStyle = function itemDetailStyle(props, theme) {
return {
borderBottom: props.style.border || "1px solid " + theme.palette.accent200[theme.palette.mode],
width: "calc(100% - 40px)",
flexGrow: "1",
marginLeft: "16px",
"&[dir=rtl]": {
marginRight: "16px",
marginLeft: "0"
},
"&:hover": {
borderBottom: props.style.border || "1px solid " + theme.palette.accent200[theme.palette.mode]
}
};
};
exports.itemDetailStyle = itemDetailStyle;
var itemNameStyle = function itemNameStyle(props) {
return {
font: props.style.titleFont,
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
width: "100%",
lineHeight: "22px",
color: props.style.titleColor
};
};
exports.itemNameStyle = itemNameStyle;
var itemDescStyle = function itemDescStyle(props) {
return {
font: props.style.subtitleFont,
color: props.style.subtitleColor,
display: "flex",
justifyContent: "left",
alignItems: "center",
width: "100%",
letterSpacing: -1
};
};
exports.itemDescStyle = itemDescStyle;