<!-- 
RSS generated by JIRA (9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b) at Mon Feb 12 09:19:06 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-4688] Apply new theme &amp; styles to FindBar</title>
                <link>https://jira.magnolia-cms.com/browse/MGNLUI-4688</link>
                <project id="10625" key="MGNLUI">Magnolia UI</project>
                    <description>&lt;p&gt;&lt;b&gt;Acceptance criteria:&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;&lt;b&gt;General&lt;/b&gt;&lt;/p&gt;
&lt;ul&gt;
	&lt;li&gt;Apply new theme &amp;amp; styles based on this mockup &lt;a href=&quot;https://zpl.io/an9QmBr&quot; class=&quot;external-link&quot; target=&quot;_blank&quot; rel=&quot;nofollow noopener&quot;&gt;https://zpl.io/an9QmBr&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;


&lt;p&gt;&#160;&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Search field styles &amp;amp; behavior&lt;/b&gt;&lt;/p&gt;
&lt;ul&gt;
	&lt;li&gt;Replace placeholder text with &quot;Find&#8230;&quot;&lt;/li&gt;
	&lt;li&gt;Placeholder text color is dark-grey&#160;#cacaca&lt;/li&gt;
	&lt;li&gt;Input text color is black #232323&lt;/li&gt;
	&lt;li&gt;Hide placeholder text as soon as user clicks into search field&lt;/li&gt;
	&lt;li&gt;Show delete icon only after user started to type&lt;/li&gt;
&lt;/ul&gt;


&lt;p&gt;&#160;&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Search results styles&lt;/b&gt;&lt;/p&gt;
&lt;ul&gt;
	&lt;li&gt;Make sure all UI components are styled as in mock
	&lt;ul&gt;
		&lt;li&gt;title space, paddings and margins&lt;/li&gt;
		&lt;li&gt;text styles (sizes, colors, etc)&lt;/li&gt;
		&lt;li&gt;table styles: columns, rows&lt;/li&gt;
	&lt;/ul&gt;
	&lt;/li&gt;
	&lt;li&gt;Re-order and re-size columns as in mock&lt;/li&gt;
	&lt;li&gt;Add icons (instead of text) in the type columns as in mock&lt;/li&gt;
	&lt;li&gt;Style &amp;amp; fix alignment of full text search snippet and position it under title as in mock&lt;/li&gt;
&lt;/ul&gt;


&lt;p&gt;&#160;&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Find bar animation &amp;amp; behavior&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;Open find bar&lt;/p&gt;
&lt;ul&gt;
	&lt;li&gt;Find bar search results slide &lt;b&gt;down&lt;/b&gt; (animation) to bottom-border = 77px, when
	&lt;ul&gt;
		&lt;li&gt;clicking into search field&lt;/li&gt;
		&lt;li&gt;clicking on magnify icon&lt;/li&gt;
	&lt;/ul&gt;
	&lt;/li&gt;
	&lt;li&gt;Tabsheet and Content also slide down and get a dark overlay&lt;/li&gt;
	&lt;li&gt;If available screen space is not enough for search results, make them scrollable within dedicated area&lt;/li&gt;
	&lt;li&gt;if available screen space is plenty for search results, fill remaining space to the &quot;footer&quot; with white color
	&lt;ul&gt;
		&lt;li&gt;If search results take time to come, slide down immediately anyway with white results curtain.&#160;&lt;/li&gt;
	&lt;/ul&gt;
	&lt;/li&gt;
&lt;/ul&gt;


&lt;p&gt;Close find bar&lt;/p&gt;
&lt;ul&gt;
	&lt;li&gt;Find bar search results slide &lt;b&gt;up&lt;/b&gt; (animation), when
	&lt;ul&gt;
		&lt;li&gt;clicking on a search result&lt;/li&gt;
		&lt;li&gt;clicking on the magnify icon (works like a toggle button)&lt;/li&gt;
		&lt;li&gt;clicking on the dark overlay in the footer&lt;/li&gt;
		&lt;li&gt;writing a command such as &quot;open assets app&quot;&lt;/li&gt;
	&lt;/ul&gt;
	&lt;/li&gt;
	&lt;li&gt;Tabsheet and Content slide back up and dark overlay is removed, taking you back to the app that was overlayed.&lt;/li&gt;
	&lt;li&gt;If find bar is closed, remove/delete search term (this needs to be tested if it makes sense to the user)&lt;/li&gt;
&lt;/ul&gt;


&lt;p&gt;&#160;&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Responsive find bar&lt;/b&gt;&lt;/p&gt;
&lt;ul&gt;
	&lt;li&gt;Based on 3 screen resolutions&#8230;
	&lt;ul&gt;
		&lt;li&gt;Tablet: 1024px (970px)&lt;/li&gt;
		&lt;li&gt;Desktop: 1440px (1312px)&lt;/li&gt;
		&lt;li&gt;HD: 1920px (1825px)&lt;/li&gt;
	&lt;/ul&gt;
	&lt;/li&gt;
&lt;/ul&gt;


&lt;ul&gt;
	&lt;li&gt;&#8230;there are 2 breakpoints
	&lt;ul&gt;
		&lt;li&gt;BP 1: 1200px&lt;/li&gt;
		&lt;li&gt;BP 2: 1600px&lt;/li&gt;
	&lt;/ul&gt;
	&lt;/li&gt;
&lt;/ul&gt;


&lt;ul&gt;
	&lt;li&gt;The title space height changes at the BPs&lt;/li&gt;
	&lt;li&gt;The font size, that shows amount of results, changes at the BPs&lt;/li&gt;
	&lt;li&gt;see mocks here&lt;/li&gt;
	&lt;li&gt;970px &lt;a href=&quot;https://zpl.io/aMvnmXK&quot; class=&quot;external-link&quot; target=&quot;_blank&quot; rel=&quot;nofollow noopener&quot;&gt;https://zpl.io/aMvnmXK&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;1312px &lt;a href=&quot;https://zpl.io/an9QmBr&quot; class=&quot;external-link&quot; target=&quot;_blank&quot; rel=&quot;nofollow noopener&quot;&gt;https://zpl.io/an9QmBr&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;1825px &lt;a href=&quot;https://zpl.io/VYRnA0E&quot; class=&quot;external-link&quot; target=&quot;_blank&quot; rel=&quot;nofollow noopener&quot;&gt;https://zpl.io/VYRnA0E&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;/li&gt;
&lt;/ul&gt;


&lt;p&gt;&#160;&lt;/p&gt;</description>
                <environment></environment>
        <key id="66475">MGNLUI-4688</key>
            <summary>Apply new theme &amp; styles to FindBar</summary>
                <type id="3" iconUrl="https://jira.magnolia-cms.com/secure/viewavatar?size=xsmall&amp;avatarId=10898&amp;avatarType=issuetype">Task</type>
                                            <priority id="6" iconUrl="https://jira.magnolia-cms.com/images/icons/priorities/neutral.gif">Neutral</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="9">Obsolete</resolution>
                                        <assignee username="-1">Unassigned</assignee>
                                    <reporter username="ilgun">Ilgun Ilgun</reporter>
                        <labels>
                    </labels>
                <created>Fri, 18 May 2018 17:16:54 +0200</created>
                <updated>Tue, 9 Oct 2018 16:25:51 +0200</updated>
                            <resolved>Thu, 27 Sep 2018 15:27:43 +0200</resolved>
                                                    <fixVersion>6.0</fixVersion>
                                    <component>find bar</component>
                        <due></due>
                            <votes>0</votes>
                                    <watches>1</watches>
                                                                                                                <comments>
                            <comment id="170036" author="ahietala" created="Thu, 27 Sep 2018 15:27:43 +0200"  >&lt;p&gt;Split into small items.&lt;/p&gt;</comment>
                    </comments>
                <issuelinks>
                            <issuelinktype id="10030">
                    <name>Cloners</name>
                                                                <inwardlinks description="is cloned by">
                                        <issuelink>
            <issuekey id="70174">MGNLUI-4687</issuekey>
        </issuelink>
            <issuelink>
            <issuekey id="70178">MGNLUI-4689</issuekey>
        </issuelink>
            <issuelink>
            <issuekey id="70176">MGNLUI-4690</issuekey>
        </issuelink>
            <issuelink>
            <issuekey id="70177">MGNLUI-4691</issuekey>
        </issuelink>
                            </inwardlinks>
                                    </issuelinktype>
                            <issuelinktype id="10020">
                    <name>dependency</name>
                                            <outwardlinks description="depends upon">
                                        <issuelink>
            <issuekey id="65500">MGNLUI-4391</issuekey>
        </issuelink>
                            </outwardlinks>
                                                        </issuelinktype>
                    </issuelinks>
                <attachments>
                    </attachments>
                <subtasks>
                    </subtasks>
                <customfields>
                                                                            <customfield id="customfield_14166" key="com.okapya.jira.checklist:checklist">
                        <customfieldname>Acceptance criteria</customfieldname>
                        <customfieldvalues>
                            
        <checklist>
        <![CDATA[
                            




                
                                    <div class="o-completion" style="display: flex; flex-shrink: 0;"><span  class="aui-lozenge aui-lozenge-complete" style="font-size: 12px; font-weight: normal; display: flex; flex-direction: row; align-items: center;" ><span style="padding-right: 4px; vertical-align: middle;"><svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg" fill="white"><path clip-rule="evenodd" d="m10.41037,3.42544l-7.86501,0c-0.72395,0 -1.31084,0.58688 -1.31084,1.31084l0,7.86508c0,0.7239 0.58689,1.3108 1.31084,1.3108l7.86501,0c0.724,0 1.3109,-0.5869 1.3109,-1.3108l0,-7.86508c0,-0.72396 -0.5869,-1.31084 -1.3109,-1.31084zm-7.86501,-0.65542c-1.08593,0 -1.96626,0.88032 -1.96626,1.96626l0,7.86508c0,1.0859 0.88033,1.9662 1.96626,1.9662l7.86501,0c1.086,0 1.9663,-0.8803 1.9663,-1.9662l0,-7.86508c0,-1.08594 -0.8803,-1.96626 -1.9663,-1.96626l-7.86501,0z" fill-rule="evenodd"/><path d="m5.09049,10.18526l-1.82767,-1.82766l-0.78479,0.78479l2.61246,2.61246l5.38758,-5.38754l-0.78483,-0.78479l-4.60275,4.60274z"/></svg></span><span>Empty</span></span></div>
                        ]]>
    </checklist>


                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <customfield id="customfield_10111" key="com.atlassian.jira.toolkit:reporterdomain">
                        <customfieldname>Company</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>magnolia-cms.com</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                <customfield id="customfield_10031" key="com.atlassian.jira.ext.charting:firstresponsedate">
                        <customfieldname>Date of First Response</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>Thu, 27 Sep 2018 15:27:43 +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_10246" key="com.pyxis.greenhopper.jira:gh-epic-link">
                        <customfieldname>Epic Link</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>DEV-970</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <customfield id="customfield_10061" key="com.atlassian.jira.toolkit:lastusercommented">
                        <customfieldname>Last comm is not jira-dev</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>false</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10071" key="com.atlassian.jira.toolkit:lastupdaterorcommenter">
                        <customfieldname>Last participant</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>mgeljic</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_13136" key="com.atlassian.jira.toolkit:LastCommentDate">
                        <customfieldname>Last public comment date</customfieldname>
                        <customfieldvalues>
                            5 years, 20 weeks, 3 days ago
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                            <customfield id="customfield_10020" key="com.atlassian.jira.toolkit:attachments">
                        <customfieldname>Number of attachments</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>0.0</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10150" key="com.atlassian.jira.toolkit:comments">
                        <customfieldname>Number of comments</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>1.0</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <customfield id="customfield_10011" key="com.atlassian.jira.toolkit:participants">
                        <customfieldname>Participants</customfieldname>
                        <customfieldvalues>
                                        <customfieldvalue>ahietala</customfieldvalue>
            <customfieldvalue>ilgun</customfieldvalue>
    
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                <customfield id="customfield_10833" key="com.pyxis.greenhopper.jira:gh-lexo-rank">
                        <customfieldname>Rank</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>0|hzzy2e:000102</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10244" key="com.pyxis.greenhopper.jira:gh-global-rank">
                        <customfieldname>Rank (Obsolete)</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>9223372036854775807</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <customfield id="customfield_12631" key="com.atlassian.jpo:jpo-custom-field-baseline-end">
                        <customfieldname>Target end</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>Sat, 15 Sep 2018 01:59:59 +0200</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_12630" key="com.atlassian.jpo:jpo-custom-field-baseline-start">
                        <customfieldname>Target start</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>Sat, 1 Sep 2018 02:00:00 +0200</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_14167" key="com.okapya.jira.checklist:checklist">
                        <customfieldname>Task DoR</customfieldname>
                        <customfieldvalues>
                            
        <checklist>
        <![CDATA[
                            




                
                                    <div class="o-completion" style="display: flex; flex-shrink: 0;"><span  class="aui-lozenge aui-lozenge-complete" style="font-size: 12px; font-weight: normal; display: flex; flex-direction: row; align-items: center;" ><span style="padding-right: 4px; vertical-align: middle;"><svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg" fill="white"><path clip-rule="evenodd" d="m10.41037,3.42544l-7.86501,0c-0.72395,0 -1.31084,0.58688 -1.31084,1.31084l0,7.86508c0,0.7239 0.58689,1.3108 1.31084,1.3108l7.86501,0c0.724,0 1.3109,-0.5869 1.3109,-1.3108l0,-7.86508c0,-0.72396 -0.5869,-1.31084 -1.3109,-1.31084zm-7.86501,-0.65542c-1.08593,0 -1.96626,0.88032 -1.96626,1.96626l0,7.86508c0,1.0859 0.88033,1.9662 1.96626,1.9662l7.86501,0c1.086,0 1.9663,-0.8803 1.9663,-1.9662l0,-7.86508c0,-1.08594 -0.8803,-1.96626 -1.9663,-1.96626l-7.86501,0z" fill-rule="evenodd"/><path d="m5.09049,10.18526l-1.82767,-1.82766l-0.78479,0.78479l2.61246,2.61246l5.38758,-5.38754l-0.78483,-0.78479l-4.60275,4.60274z"/></svg></span><span>Empty</span></span></div>
                        ]]>
    </checklist>


                        </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>