foomo/contentfultree
1
0
Fork 0
mirror of https://github.com/foomo/contentfultree.git synced 2025-10-16 12:25:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: unicode compatibility

Browse Source
This commit is contained in:
Cristian Vidmar 2022-07-12 14:46:15 +02:00
parent 0050ce30a1
commit 7bdb4812b7
4 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/ContentTree.styled.js vendored
View File

@ -11,7 +11,7 @@ exports.StyledSpinner = exports.StyledContentTreeNodePublishingStatus = exports.
var styled_components_1 = __importDefault(require("styled-components"));
exports.StyledContentTreeTable = styled_components_1.default.table(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: black;\n border: 0;\n margin: 0 auto;\n td {\n padding: 0.2em 1em 0.2em 0.2em;\n color: #999999; \n border-bottom: 1px solid #efefef;\n }\n th {\n text-align: left;\n font-weight: normal;\n font-size: 85%;\n color: #666666;\n background: #efefef;\n padding: 0.2em;\n }\n th.first {\n font-weight: bold !important;\n color:black !important;\n }\n"], ["\n color: black;\n border: 0;\n margin: 0 auto;\n td {\n padding: 0.2em 1em 0.2em 0.2em;\n color: #999999; \n border-bottom: 1px solid #efefef;\n }\n th {\n text-align: left;\n font-weight: normal;\n font-size: 85%;\n color: #666666;\n background: #efefef;\n padding: 0.2em;\n }\n th.first {\n font-weight: bold !important;\n color:black !important;\n }\n"])));
exports.StyledContentTreeTableNodeCell = styled_components_1.default.td(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding-left: ", "em !important;\n padding-right: 2em !important;\n color: black !important;\n min-width: 450px !important;\n"], ["\n padding-left: ", "em !important;\n padding-right: 2em !important;\n color: black !important;\n min-width: 450px !important;\n"])), function (props) { return 0.2 + props.depth; });
exports.StyledContentTreeNodeWedge = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: inline-block;\n width: 1em;\n text-align: left;\n a {\n cursor:pointer;\n }\n"], ["\n display: inline-block;\n width: 1em;\n text-align: left;\n a {\n cursor:pointer;\n }\n"])));
exports.StyledContentTreeNodeWedge = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: inline-block;\n width: 1em;\n text-align: left;\n a {\n cursor:pointer;\n font-size: 130%;\n line-height: 100%;\n }\n"], ["\n display: inline-block;\n width: 1em;\n text-align: left;\n a {\n cursor:pointer;\n font-size: 130%;\n line-height: 100%;\n }\n"])));
exports.StyledContentTreeNodeName = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: inline-block;\n a {\n cursor: pointer; \n }\n a:hover {\n text-decoration:underline;\n }\n"], ["\n display: inline-block;\n a {\n cursor: pointer; \n }\n a:hover {\n text-decoration:underline;\n }\n"])));
var getPublishingStatusColors = function (status) {
switch (status) {

2
dist/ContentTreeNode.js vendored
View File

@ -82,7 +82,7 @@ var ContentTreeNode = function (props) {
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("tr", null,
react_1.default.createElement(ContentTree_styled_1.StyledContentTreeTableNodeCell, { depth: props.depth },
react_1.default.createElement(ContentTree_styled_1.StyledContentTreeNodeWedge, null, loading ? (react_1.default.createElement(ContentTree_styled_1.StyledSpinner, null, "\u21BB")) : props.node.hasChildNodes ? props.node.expand ? (react_1.default.createElement("a", { onClick: function () { return props.removeChildNodes(props.node); } }, "\u25BC")) : (react_1.default.createElement("a", { onClick: function () { return addChildren(); } }, "\u2B80")) : null),
react_1.default.createElement(ContentTree_styled_1.StyledContentTreeNodeWedge, null, loading ? (react_1.default.createElement(ContentTree_styled_1.StyledSpinner, null, "-")) : props.node.hasChildNodes ? props.node.expand ? (react_1.default.createElement("a", { onClick: function () { return props.removeChildNodes(props.node); } }, "-")) : (react_1.default.createElement("a", { onClick: function () { return addChildren(); } }, "+")) : null),
react_1.default.createElement(Icons_1.Icon, { id: props.node.icon }),
react_1.default.createElement(ContentTree_styled_1.StyledContentTreeNodeName, null,
react_1.default.createElement("a", { onClick: function () { return props.editEntry(props.node.id); }, title: props.node.id }, props.node.name))),

2
src/ContentTree.styled.tsx
View File

@ -41,6 +41,8 @@ export const StyledContentTreeNodeWedge = styled.div`
text-align: left;
a {
cursor:pointer;
font-size: 130%;
line-height: 100%;
}
`

6
src/ContentTreeNode.tsx
View File

@ -47,10 +47,10 @@ const ContentTreeNode = (props: {
<tr>
<StyledContentTreeTableNodeCell depth={props.depth}>
<StyledContentTreeNodeWedge>
{loading? (<StyledSpinner>&#8635;</StyledSpinner>): props.node.hasChildNodes ? props.node.expand? (
<a onClick={() => props.removeChildNodes(props.node)}>&#9660;</a>
{loading? (<StyledSpinner>-</StyledSpinner>): props.node.hasChildNodes ? props.node.expand? (
<a onClick={() => props.removeChildNodes(props.node)}>-</a>
) : (
<a onClick={() => addChildren()}>&#11136;</a>
<a onClick={() => addChildren()}>+</a>
): null}
</StyledContentTreeNodeWedge>
<Icon id={props.node.icon}></Icon>