Re: [Spacewalk-devel] color guide for treeview lists
Hi Miroslav! On Fri, 2010-05-07 at 10:27 +0200, Miroslav Suchý wrote: I'm going to be looking to make some CSS changes for this as well but as it may be a handy resource at some point (maybe not) I figured I'd post about it here. Which reminds me... will you do css using the old-fashion way or use :nth-child() pseudo class from CSS3? It should be recognized by most today's browsers (but *cough* IE). Well, I know we do have quite a few users who have to use IE (corporate policies) so I'm quite hesitant to introduce anything that would break it, despite how much I dislike IE. We do already have the even/odd hooks in the listview tag, so it would actually be extra work to pull them out. What do you think? ~m ___ Spacewalk-devel mailing list Spacewalk-devel@redhat.com https://www.redhat.com/mailman/listinfo/spacewalk-devel
Re: [Spacewalk-devel] color guide for treeview lists
On Thu, 2010-05-06 at 17:41 -0400, Máirín Duffy wrote: https://fedorahosted.org/spacewalk/attachment/wiki/ArtAndDesignStuff/color-guide.png I'm going to be looking to make some CSS changes for this as well but as it may be a handy resource at some point (maybe not) I figured I'd post about it here. Just as a quick follow-up, I added additional coloration to the color guide, and drew up a diagram of the css classes specifically for tree lists: https://fedorahosted.org/spacewalk/attachment/wiki/ArtAndDesignStuff/spacewalk-tree-list-css-structure.png I think it makes the css a lot cleaner to add a 'tree' class to the table tag. It makes all the other css classes underneath shorter and more readable. So, to add an additional class in the HTML, you simply add a space between the classes like so: table class=list tree If you can make the HTML output by the tree list tag match that diagram, then the attached CSS should work. I think there are two tree list tags whose tr elements (the td elements are fine as-is) need to be stripped of their CSS classes and redone according to the diagram: 1 - Systems Systems Virtual Systems 2 - Systems Systems Duplicate Systems If someone (/me furtively points at partha :) ) can fix up the HTML tags, I'm happy to clean out the CSS, integrate it, and provide a patch. Also, let me know if the diagram isn't clear. It was the most clear way I could think of to describe the structure of the CSS classes. ~m table.tree .list-row-parent-even td { background-color: #dedede; } table.tree .list-row-parent-even .list-row-child-even td { background-color: #ff; } table.tree .list-row-parent-even .list-row-child-odd td { background-color: #ececec; } table.tree .list-row-parent-odd td { background-color: #d2d2d2; } table.tree .list-row-parent-odd .list-row-child-even td { background-color: #e4e4e4; } table.tree .list-row-parent-odd .list-row-child-odd td { background-color: #ee; } ___ Spacewalk-devel mailing list Spacewalk-devel@redhat.com https://www.redhat.com/mailman/listinfo/spacewalk-devel
Re: [Spacewalk-devel] color guide for treeview lists
On Fri, 2010-05-07 at 17:37 -0400, Máirín Duffy wrote: Also, let me know if the diagram isn't clear. It was the most clear way I could think of to describe the structure of the CSS classes. Justin pointed out it the diagram and css were missing a style for highlighting inactive systems. I also noticed I actually made a bad mistake on the css structure and css - while conceptually there's a parent-child relationship between the TR's, in reality they are siblings and that hierarchy is superimposed on top of the HTML via javascript - but not in the DOM. So, I've updated everything to account for this, and I'm providing updated CSS (attached). ~m table.tree .list-row-parent-even td { background-color: #dedede; } table.tree .list-row-even-child-even td { background-color: #ff; } table.tree .list-row-even-child-odd td { background-color: #ececec; } table.tree .list-row-parent-odd td { background-color: #d2d2d2; } table.tree .list-row-odd-child-even td { background-color: #e4e4e4; } table.tree .list-row-odd-child-odd td { background-color: #ee; } table.tree .inactive { background-color: #fef5ad; } ___ Spacewalk-devel mailing list Spacewalk-devel@redhat.com https://www.redhat.com/mailman/listinfo/spacewalk-devel
[Spacewalk-devel] color guide for treeview lists
Hi, Partha and Justin have been working on a feature to let you identify and delete duplicate system profiles more easily. As part of this feature they've created a treeview listview in the UI. I created the following guide today showing the new colors that should be used in these listviews to fit the rest of the Spacewalk branding. I added it to the Spacewalk wiki, here it is: https://fedorahosted.org/spacewalk/attachment/wiki/ArtAndDesignStuff/color-guide.png I'm going to be looking to make some CSS changes for this as well but as it may be a handy resource at some point (maybe not) I figured I'd post about it here. ~m ___ Spacewalk-devel mailing list Spacewalk-devel@redhat.com https://www.redhat.com/mailman/listinfo/spacewalk-devel