{ "id": "111135", "key": "ALOY-562", "fields": { "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false }, "project": { "id": "11113", "key": "ALOY", "name": "Alloy", "projectCategory": { "id": "10400", "description": "Tools for developing applications", "name": "Tooling" } }, "fixVersions": [], "resolution": { "id": "2", "description": "The problem described is an issue which will never be fixed.", "name": "Won't Fix" }, "resolutiondate": "2013-03-13T13:21:14.000+0000", "created": "2013-03-13T10:49:12.000+0000", "priority": null, "labels": [ "alloy", "alloy-generate" ], "versions": [], "issuelinks": [ { "id": "44257", "type": { "id": "10003", "name": "Relates", "inward": "relates to", "outward": "relates to" }, "inwardIssue": { "id": "135313", "key": "ALOY-1212", "fields": { "summary": "TSS: class assignment order affects application of properties which doesn't match CSS rules", "status": { "description": "The issue is open and ready for the assignee to start work on it.", "name": "Open", "id": "1", "statusCategory": { "id": 2, "key": "new", "colorName": "blue-gray", "name": "To Do" } }, "priority": { "name": "Medium", "id": "3" }, "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false } } } }, { "id": "49412", "type": { "id": "10003", "name": "Relates", "inward": "relates to", "outward": "relates to" }, "inwardIssue": { "id": "147895", "key": "ALOY-1270", "fields": { "summary": "createStyle", "status": { "description": "A resolution has been taken, and it is awaiting verification by reporter. From here issues are either reopened, or are closed.", "name": "Resolved", "id": "5", "statusCategory": { "id": 3, "key": "done", "colorName": "green", "name": "Done" } }, "priority": { "name": "High", "id": "2" }, "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false } } } } ], "assignee": { "name": "tlukasavage", "key": "tlukasavage", "displayName": "Tony Lukasavage", "active": true, "timeZone": "America/Los_Angeles" }, "updated": "2015-10-22T04:14:09.000+0000", "status": { "description": "The issue is considered finished, the resolution is correct. Issues which are closed can be reopened.", "name": "Closed", "id": "6", "statusCategory": { "id": 3, "key": "done", "colorName": "green", "name": "Done" } }, "components": [], "description": "Changing the order of class declarations in TSS files actually changes the order in which the attribute values are applied. Changing the order of the classes in the element \"class\" attribute doesn't make any difference. This is different from what a user would normally expect (looking at CSS) and not logical.\r\n\r\nRefer to the testcase attached. The text displayed shows the exact class attribute value. One would expect the order of classes in the class attribute would affect the appearance. Instead, the order of classes declaration in the TSS file does.", "attachment": [ { "id": "36258", "filename": "TssTestcase.zip", "author": { "name": "a.chirikba", "key": "a.chirikba", "displayName": "Andrey Chirikba", "active": true, "timeZone": "Europe/Berlin" }, "created": "2013-03-13T10:49:12.000+0000", "size": 78187, "mimeType": "application/zip" } ], "flagged": false, "summary": "Order of TSS classes declaration has effect instead of order in which they are assigned to an object", "creator": { "name": "a.chirikba", "key": "a.chirikba", "displayName": "Andrey Chirikba", "active": true, "timeZone": "Europe/Berlin" }, "subtasks": [], "reporter": { "name": "dcassenti", "key": "dcassenti", "displayName": "Davide Cassenti", "active": true, "timeZone": "Europe/Berlin" }, "environment": "Any", "comment": { "comments": [ { "id": "241954", "author": { "name": "dcassenti", "key": "dcassenti", "displayName": "Davide Cassenti", "active": true, "timeZone": "Europe/Berlin" }, "body": "Quick test case. In index.xml we would have:\n\n{code}\n\n\t\n\t\t\n\n{code}\n\nBoth lines have style2 applied, because style2 is defined after style1 in index.tss", "updateAuthor": { "name": "dcassenti", "key": "dcassenti", "displayName": "Davide Cassenti", "active": true, "timeZone": "Europe/Berlin" }, "created": "2013-03-13T13:10:01.000+0000", "updated": "2013-03-13T13:10:01.000+0000" }, { "id": "241958", "author": { "name": "tlukasavage", "key": "tlukasavage", "displayName": "Tony Lukasavage", "active": true, "timeZone": "America/Los_Angeles" }, "body": "This behavior is by design and is consistent with CSS: http://stackoverflow.com/questions/1321692/how-to-specifiy-the-order-of-css-classes", "updateAuthor": { "name": "tlukasavage", "key": "tlukasavage", "displayName": "Tony Lukasavage", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-03-13T13:21:14.000+0000", "updated": "2013-03-13T13:21:14.000+0000" }, { "id": "241959", "author": { "name": "a.chirikba", "key": "a.chirikba", "displayName": "Andrey Chirikba", "active": true, "timeZone": "Europe/Berlin" }, "body": "I see I was mistaken about the CSS (it was and stays confusing). But why would someone want this in Alloy? It is much more logical to be able to specify the order of classes application in the element instead of by the order of definitions.", "updateAuthor": { "name": "a.chirikba", "key": "a.chirikba", "displayName": "Andrey Chirikba", "active": true, "timeZone": "Europe/Berlin" }, "created": "2013-03-13T13:34:39.000+0000", "updated": "2013-03-13T13:34:39.000+0000" }, { "id": "241962", "author": { "name": "tlukasavage", "key": "tlukasavage", "displayName": "Tony Lukasavage", "active": true, "timeZone": "America/Los_Angeles" }, "body": "I disagree, as order in the style files is always significant in pretty much any framework. The developer generally places them there with specific intention. If you need more flexibility in the application of classes, you should likely use more, smaller classes that cover specific characteristics and have less overlap.", "updateAuthor": { "name": "tlukasavage", "key": "tlukasavage", "displayName": "Tony Lukasavage", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-03-13T13:50:22.000+0000", "updated": "2013-03-13T13:50:22.000+0000" } ], "maxResults": 5, "total": 5, "startAt": 0 } } }