<!-- 
RSS generated by JIRA (9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b) at Mon Feb 12 08:33:36 CET 2024

It is possible to restrict the fields that are returned in this document by specifying the 'field' parameter in your request.
For example, to request only the issue key and summary append 'field=key&field=summary' to the URL of your request.
-->
<rss version="0.92" >
<channel>
    <title>Magnolia - Issue tracker</title>
    <link>https://jira.magnolia-cms.com</link>
    <description>This file is an XML representation of an issue</description>
    <language>en-uk</language>    <build-info>
        <version>9.4.2</version>
        <build-number>940002</build-number>
        <build-date>19-01-2023</build-date>
    </build-info>


<item>
            <title>[MGNLUI-100] Fix alignment of column headers and values in lists and trees</title>
                <link>https://jira.magnolia-cms.com/browse/MGNLUI-100</link>
                <project id="10625" key="MGNLUI">Magnolia UI</project>
                    <description>&lt;p&gt;In all apps I&apos;ve visited, the column title and the values in the rows below are not properly horizontally aligned. The title should be aligned with the icon in the list, with a possible arrow from trees being on the left of that combo.&lt;/p&gt;

&lt;p&gt;The &lt;b&gt;visual design rules are as follows&lt;/b&gt;:&lt;/p&gt;
&lt;ul class=&quot;alternate&quot; type=&quot;square&quot;&gt;
	&lt;li&gt;column headers are left-aligned (I think that&apos;s the case everywhere)&lt;/li&gt;
	&lt;li&gt;column values are left-aligned as well, if they consist of either only text or of an icon plus some text&lt;/li&gt;
	&lt;li&gt;column values are centered if icons are used to represent them. Examples are the &quot;Status&quot; column in the page tree and the &quot;Type&quot; column in the messages list (see attached screen shot)&lt;/li&gt;
	&lt;li&gt;if a column shows a tree and thus every row contains icons and text as well as open and close arrows:
	&lt;ul class=&quot;alternate&quot; type=&quot;square&quot;&gt;
		&lt;li&gt;the &lt;b&gt;arrows should be to the left&lt;/b&gt; of the column header&lt;/li&gt;
		&lt;li&gt;an optional icon and the non-optional &lt;img class=&quot;emoticon&quot; src=&quot;https://jira.magnolia-cms.com/images/icons/emoticons/smile.png&quot; height=&quot;16&quot; width=&quot;16&quot; align=&quot;absmiddle&quot; alt=&quot;&quot; border=&quot;0&quot;/&gt; text should be left-aligned with the header (see attachment)&lt;/li&gt;
	&lt;/ul&gt;
	&lt;/li&gt;
	&lt;li&gt;if there is no open/close arrow, there also should be no gap between the check boxes and the title value.&lt;/li&gt;
&lt;/ul&gt;

</description>
                <environment></environment>
        <key id="26049">MGNLUI-100</key>
            <summary>Fix alignment of column headers and values in lists and trees</summary>
                <type id="5" iconUrl="https://jira.magnolia-cms.com/secure/viewavatar?size=xsmall&amp;avatarId=10896&amp;avatarType=issuetype">Sub-task</type>
                            <parent id="27677">MGNLUI-633</parent>
                                    <priority id="3" iconUrl="https://jira.magnolia-cms.com/images/icons/priorities/major.svg">Major</priority>
                        <status id="6" iconUrl="https://jira.magnolia-cms.com/images/icons/statuses/closed.png" description="The issue is considered finished, the resolution is correct. Issues which are not closed can be reopened.">Closed</status>
                    <statusCategory id="3" key="done" colorName="success"/>
                                    <resolution id="1">Fixed</resolution>
                                        <assignee username="spenttila">Samuli Penttil&#228;</assignee>
                                    <reporter username="weder">Andreas Weder</reporter>
                        <labels>
                            <label>frontend</label>
                    </labels>
                <created>Thu, 25 Oct 2012 15:24:52 +0200</created>
                <updated>Fri, 10 May 2013 12:34:33 +0200</updated>
                            <resolved>Wed, 8 May 2013 09:28:15 +0200</resolved>
                                    <version>5.0</version>
                                    <fixVersion>5.0</fixVersion>
                                    <component>design</component>
                    <component>tree/list</component>
                        <due></due>
                            <votes>0</votes>
                                    <watches>2</watches>
                                                                                                                <comments>
                            <comment id="52691" author="weder" created="Thu, 25 Oct 2012 15:33:38 +0200"  >&lt;p&gt;Attached screen shots showing alignment of trees and icons in columns.&lt;/p&gt;</comment>
                            <comment id="54277" author="weder" created="Mon, 3 Dec 2012 14:53:13 +0100"  >&lt;p&gt;Added component(s) to make it easier to filter issues.&lt;/p&gt;</comment>
                            <comment id="55203" author="weder" created="Thu, 20 Dec 2012 15:57:48 +0100"  >&lt;p&gt;Updated issue with up-to-date info - some additional screen shots follow.&lt;/p&gt;</comment>
                            <comment id="55206" author="weder" created="Thu, 20 Dec 2012 16:23:29 +0100"  >&lt;p&gt;Re-uploaded this image and renamed it so that it gets added at the top of the screen shots.&lt;/p&gt;</comment>
                            <comment id="55207" author="weder" created="Thu, 20 Dec 2012 16:24:21 +0100"  >&lt;p&gt;Added images of Asset app showing current and desired state.&lt;/p&gt;</comment>
                            <comment id="55208" author="weder" created="Thu, 20 Dec 2012 16:24:35 +0100"  >&lt;p&gt;Added images of Pages app showing current and desired state.&lt;/p&gt;</comment>
                            <comment id="55209" author="weder" created="Thu, 20 Dec 2012 16:24:48 +0100"  >&lt;p&gt;Added images of Security app showing current and desired state.&lt;/p&gt;</comment>
                            <comment id="60882" author="weder" created="Mon, 22 Apr 2013 11:12:49 +0200"  >&lt;p&gt;BTW: I know that &lt;em&gt;not all screens in the style guide are accurate&lt;/em&gt; in this regard; sometimes, the icons a left-aligned, sometimes the trees in column are off as well. The above is the visual idea that should be followed.&lt;/p&gt;</comment>
                            <comment id="61092" author="spenttila" created="Wed, 24 Apr 2013 12:02:26 +0200"  >&lt;p&gt;Fixed by tuning alingnments in CSS.&lt;/p&gt;</comment>
                            <comment id="61112" author="weder" created="Wed, 24 Apr 2013 16:55:23 +0200"  >&lt;p&gt;I&apos;m reopening this as I&apos;ve noticed some small defects:&lt;/p&gt;
&lt;ul class=&quot;alternate&quot; type=&quot;square&quot;&gt;
	&lt;li&gt;on Safari (6.0.4), the icon is 1px too low than in the &quot;good styling&quot; you&apos;ve shown to me today on HipChat (see &lt;span class=&quot;image-wrap&quot; style=&quot;&quot;&gt;&lt;img src=&quot;https://jira.magnolia-cms.com/secure/attachment/18970/18970_Safari.png&quot; style=&quot;border: 0px solid black&quot; /&gt;&lt;/span&gt;)&lt;/li&gt;
	&lt;li&gt;on Firefox (20.0), the texts are 1px too low in addition (see &lt;span class=&quot;image-wrap&quot; style=&quot;&quot;&gt;&lt;img src=&quot;https://jira.magnolia-cms.com/secure/attachment/18972/18972_Firefox.png&quot; style=&quot;border: 0px solid black&quot; /&gt;&lt;/span&gt;)&lt;/li&gt;
&lt;/ul&gt;


&lt;p&gt;I&apos;ve also attached your &quot;good styling&quot; example from Hipchat (see &lt;span class=&quot;image-wrap&quot; style=&quot;&quot;&gt;&lt;img src=&quot;https://jira.magnolia-cms.com/secure/attachment/18971/18971_Good+styling.png&quot; style=&quot;border: 0px solid black&quot; /&gt;&lt;/span&gt;)&lt;/p&gt;</comment>
                            <comment id="61868" author="spenttila" created="Wed, 8 May 2013 09:26:20 +0200"  >&lt;p&gt;Creating identical results in different browsers is challenging at least. The best result that can be done in reasonable time is that by average browser problems are minimised. I tuned CSS so that in Safari and Firefox the text and icons are aligned vertically correct but with Chrome these are off by one pixel. This page &lt;a href=&quot;http://phrogz.net/css/vertical-align/&quot; class=&quot;external-link&quot; target=&quot;_blank&quot; rel=&quot;nofollow noopener&quot;&gt;http://phrogz.net/css/vertical-align/&lt;/a&gt; demonstrated an example how vertical center alignment can be achieved but looking close you can see from zoomed screenshots that result is different nevertheless. Here in this example Chrome and FF was compared and both mentioned methods were used.&lt;/p&gt;</comment>
                    </comments>
                    <attachments>
                            <attachment id="17551" name="01 Column with only icons.png" size="9961" author="weder" created="Thu, 20 Dec 2012 16:23:29 +0100"/>
                            <attachment id="17553" name="Assets app - good.png" size="38786" author="weder" created="Thu, 20 Dec 2012 16:24:21 +0100"/>
                            <attachment id="17552" name="Assets app - now.png" size="37842" author="weder" created="Thu, 20 Dec 2012 16:24:21 +0100"/>
                            <attachment id="18972" name="Firefox.png" size="71532" author="weder" created="Wed, 24 Apr 2013 16:51:28 +0200"/>
                            <attachment id="18971" name="Good styling.png" size="82072" author="weder" created="Wed, 24 Apr 2013 16:51:28 +0200"/>
                            <attachment id="17555" name="Pages app - good.png" size="18735" author="weder" created="Thu, 20 Dec 2012 16:24:35 +0100"/>
                            <attachment id="17554" name="Pages app - now.png" size="17989" author="weder" created="Thu, 20 Dec 2012 16:24:35 +0100"/>
                            <attachment id="18970" name="Safari.png" size="124056" author="weder" created="Wed, 24 Apr 2013 16:50:37 +0200"/>
                            <attachment id="19118" name="Screen Shot 2013-05-07 at 1.53.42 PM.png" size="15199" author="spenttila" created="Wed, 8 May 2013 09:26:20 +0200"/>
                            <attachment id="19119" name="Screen Shot 2013-05-07 at 1.55.49 PM.png" size="17604" author="spenttila" created="Wed, 8 May 2013 09:26:20 +0200"/>
                            <attachment id="17557" name="Security app - good.png" size="20389" author="weder" created="Thu, 20 Dec 2012 16:24:48 +0100"/>
                            <attachment id="17556" name="Security app - now.png" size="19577" author="weder" created="Thu, 20 Dec 2012 16:24:48 +0100"/>
                    </attachments>
                <subtasks>
                    </subtasks>
                <customfields>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <customfield id="customfield_10111" key="com.atlassian.jira.toolkit:reporterdomain">
                        <customfieldname>Company</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>weder.net</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                <customfield id="customfield_10031" key="com.atlassian.jira.ext.charting:firstresponsedate">
                        <customfieldname>Date of First Response</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>Wed, 24 Apr 2013 12:02:26 +0200</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_12730" key="com.atlassian.jira.plugins.jira-development-integration-plugin:devsummary">
                        <customfieldname>Development</customfieldname>
                        <customfieldvalues>
                            
                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_14151" key="com.atlassian.jira.toolkit:message">
                        <customfieldname>Docu info</customfieldname>
                        <customfieldvalues>
                            
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <customfield id="customfield_10061" key="com.atlassian.jira.toolkit:lastusercommented">
                        <customfieldname>Last comm is not jira-dev</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>true</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10071" key="com.atlassian.jira.toolkit:lastupdaterorcommenter">
                        <customfieldname>Last participant</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>ajones</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_13136" key="com.atlassian.jira.toolkit:LastCommentDate">
                        <customfieldname>Last public comment date</customfieldname>
                        <customfieldvalues>
                            10 years, 41 weeks, 5 days ago
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                            <customfield id="customfield_10020" key="com.atlassian.jira.toolkit:attachments">
                        <customfieldname>Number of attachments</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>12.0</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10150" key="com.atlassian.jira.toolkit:comments">
                        <customfieldname>Number of comments</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>11.0</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <customfield id="customfield_10011" key="com.atlassian.jira.toolkit:participants">
                        <customfieldname>Participants</customfieldname>
                        <customfieldvalues>
                                        <customfieldvalue>weder</customfieldvalue>
            <customfieldvalue>spenttila</customfieldvalue>
    
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                    <customfield id="customfield_10833" key="com.pyxis.greenhopper.jira:gh-lexo-rank">
                        <customfieldname>Rank</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>0|i008jz:</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10244" key="com.pyxis.greenhopper.jira:gh-global-rank">
                        <customfieldname>Rank (Obsolete)</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>1422</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                            <customfield id="customfield_10245" key="com.pyxis.greenhopper.jira:gh-sprint">
                        <customfieldname>Sprint</customfieldname>
                        <customfieldvalues>
                                <customfieldvalue id="8">Beta 2</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <customfield id="customfield_14145" key="com.intenso.jira.issue-templates:issue-templates-customfield">
                        <customfieldname>Template</customfieldname>
                        <customfieldvalues>
                            


                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                <customfield id="customfield_15131" key="com.onresolve.jira.groovy.groovyrunner:scripted-field">
                        <customfieldname>Time in Discovery</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>0</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10032" key="com.atlassian.jira.ext.charting:timeinstatus">
                        <customfieldname>Time in Status</customfieldname>
                        <customfieldvalues>
                            
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </customfields>
    </item>
</channel>
</rss>