Hi Tapsters. Sorry for posting to the Tap users list, but there's hardly any documentation available for this. t5conduit SNAPSHOT 0.8 seems to be misbehaving a bit for me.
I have a general question regarding t5conduit-0.8SNAPSHOT. Kindly ignore this message if you're not interested in .less to .css transforms in Tapestry 5.3.7. I have t5conduit hooked up in my app as per the scant documentation at github... https://github.com/cezary-biernacki/t5conduit In my component I have... @Import(stylesheet="context:css/treeMods.less") private void afterRender() {} My understanding is that t5conduit should take a stylesheet import in .less format and then end up generating a static .css file for use in rendering the resource for use in your Tapestry-generated page. *Why??* is tapestry generating a style sheet with a .less file extension? in this case the resource string "treeMods.less" gets rendered in my page header. That's the file that tapestry serves up... <link type="text/css" rel="stylesheet" href=" /assets/0.5-SNAPSHOT-DEV/ctx/css/treeMods.less<http://localhost:8886/assets/0.5-SNAPSHOT-DEV/ctx/css/treeMods.less> "/> When I examine the contents of treeMods.less it is the generated general css that I desire except for 1 thing. it has improper line breaks. the file has a bunch of /n escape chars littering it.... DIV.t-tree-container {\n background: transparent;\n padding: 0;\n margin: 0;\n}\nDIV.t-tree-container UL {\n list-style-type: none;\n background-image: url("/assets/0.5-SNAPSHOT-DEV/ctx/img/tree-vpipe.png");\n background-repeat: no-repeat;\n margin: 0 0 0 12px;\n padding: 0;\n}\nDIV.t-tree-container UL UL {\n /* Line up the nested list's vertical bar under the element's folder icon. */ \n /*background: rgba(0,0,0,0.5);*/ \n margin: 0 0 0 24px;\n}\nDIV.t-tree-container LI {\n margin: 0;\n padding: 0 0 0 16px;\n background: transparent;\n /*background: rgba(255,255,255,0.1);*/ \n background-image: url("/assets/0.5-SNAPSHOT-DEV/ctx/img/tree-vpipe.png");\n background-repeat: repeat-y;\n line-height: 1.5;\n}\nDIV.t-tree-container LI.t-last {\n background: transparent;\n background-image: url("/assets/0.5-SNAPSHOT-DEV/ctx/img/tree-branchend.png");\n background-repeat: no-repeat;\n}\n/* Assume its a collapsed, but expandable, tree node. Later CSS rules overwrite this. */ SPAN.t-tree-icon {\n display: inline-block;\n width: 32px;\n height: 16px;\n cursor: pointer;\n background-image: url("/assets/0.5-SNAPSHOT-DEV/ctx/img/tree-sprites.png");\n background-position: 0px 0px;\n}\nSPAN.t-tree-icon.t-leaf-node {\n cursor: default;\n background-position: -32px -16px;\n}\nSPAN.t-tree-label.t-selectable {\n cursor: pointer;\n}\nSPAN.t-tree-label.t-selected-leaf-node-label {\n font-weight: bold;\n}\nSPAN.t-tree-icon.t-empty-node {\n cursor: default;\n background-position: -32px 0px !important;\n}\nSPAN.t-tree-expanded {\n background-position: 0px -16px;\n}\nSPAN.t-ajax-wait {\n width: 16px;\n height: 16px;\n display: inline-block;\n background-image: url("/assets/0.5-SNAPSHOT-DEV/ctx/img/ajax-loader.gif");\n}\nSPAN.t-tree-icon.t-expand {\n width: 16px;\n height: 16px;\n background: transparent;\n background-image: url("/assets/0.5-SNAPSHOT-DEV/ctx/img/expand.png");\n display: inline-block;\n cursor: pointer;\n}\nSPAN.t-tree-icon.t-collapse {\n width: 16px;\n height: 16px;\n background: transparent;\n background-image: url("/assets/0.5-SNAPSHOT-DEV/ctx/img/collapse.png");\n display: inline-block;\n cursor: pointer;\n}\n.selected {\n color: black;\n font-size: 1.1em;\n font-weight: bold;\n font-style: oblique;\n text-decoration: underline;\n}\n You can see my context's for the images are being rendered correctly by less. but it's adding this nasty formatting with \n escapes all over the place. Can someone with experience with t5conduit .less transformation to .css explain what's going on here? thanks Jon
