[jboss-jira] [JBoss JIRA] (DROOLS-2730) CSS for test "syntax cheatsheet" dock tab design

[Liz Clayton (JIRA)]

    [ https://issues.jboss.org/browse/DROOLS-2730?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13608790#comment-13608790 ] 

Liz Clayton edited comment on DROOLS-2730 at 7/20/18 1:36 PM:
--------------------------------------------------------------

[~srambach] I discussed this panel with [~danielezonca]. If you could help with the following that would be great. 
* 1) Create a tabbed view of a dock panel using appropriate PF styles, preferably the second level down alt with just the lines: http://www.patternfly.org/pattern-library/widgets/#tabs
* 2) We expect a fixed width panel - but based on your recommendations, please format text for the syntax cheatsheet to wrap if needed. [~danielezonca] could you provide Sarah with some expression samples so we can get the formatting looking good for this data. If there are cases where text lines might need to wrap maybe just add some space between wrapped lines. Will leave it up to you, but here's an example of that (before and after):
-Daniele anticipates this will be a fixed width panel, if you need to know the width please check with him as he's looking at the code now. 




was (Author: uxdlc):
[~srambach] I discussed this panel with [~danielezonca]. If you could help with the following that would be great. 
* 1) Create a tabbed view of a dock panel using appropriate PF styles, preferably the second level down alt with just the lines: http://www.patternfly.org/pattern-library/widgets/#tabs
* 2) We expect a fixed width panel - but based on your recommendations, please format text for the syntax cheatsheet to wrap if needed. [~danielezonca] could you provide Sarah with some expression samples so we can get the formatting looking good for this data. If there are cases where text lines might need to wrap maybe just add some space between wrapped lines. Will leave it up to you, but here's an example of that (before and after):

* * Daniele anticipates this will be a fixed width panel, if you need to know the width please check with him as he's looking at the code now. 



> CSS for test "syntax cheatsheet" dock tab design
> ------------------------------------------------
>
>                 Key: DROOLS-2730
>                 URL: https://issues.jboss.org/browse/DROOLS-2730
>             Project: Drools
>          Issue Type: Task
>          Components: Scenario Simulation and Testing
>            Reporter: Liz Clayton
>            Assignee: Sarah Rambacher
>              Labels: ScenarioSimulation, UX, UXTeam
>         Attachments: Dock-deets.png, Screen Shot 2018-07-11 at 1.06.23 PM.png, Screen Shot 2018-07-20 at 1.18.26 PM.png, nospace.png
>
>
> As a practitioner I want to the option to an expression builder within the UI to:
> - search for and select from a set of hierarchical Data Objects 
> - set conditions
> - name variables
> so that I can add these selections as Given/Expect input values when creating a scenario test outline. 
> *Verification conditions:*
> - CSS styles that employ relevant PatternFly styles.
> - CSS that articulates the design wireframe attached, and:
> https://redhat.invisionapp.com/share/BVKORFBUJ24#/screens/302476075, and:
> https://docs.google.com/document/d/1I_ghU9An--uQRzuVV9zXB387HLYjZcc01LXFXAK_LIk/edit 
> - Reviewed by scrum team prior to PR/dev delivery. 



--
This message was sent by Atlassian JIRA
(v7.5.0#75005)