Skip to content

Adds newline and wrap buttons to code view#351

Merged
enykeev merged 7 commits intoStackStorm:masterfrom
Mastercard:feature/action_output_new_lines
Apr 24, 2017
Merged

Adds newline and wrap buttons to code view#351
enykeev merged 7 commits intoStackStorm:masterfrom
Mastercard:feature/action_output_new_lines

Conversation

@leleSahil
Copy link
Copy Markdown

Addresses #329
Allows long lines code view to be wrapped in the window and/or new lines to be rendered to aid in reading output

Beforebefore

After
after

@estee-tew
Copy link
Copy Markdown

@arm4b arm4b requested review from emedvedev and enykeev April 14, 2017 00:22
@arm4b arm4b added the feature label Apr 14, 2017
@arm4b
Copy link
Copy Markdown
Member

arm4b commented Apr 14, 2017

Looks useful indeed 👍

cc @enykeev

Copy link
Copy Markdown
Member

@enykeev enykeev left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for the contribution!

The only thing I would ask you is to try and style buttons to match an overall style. You can check http://fontello.com/ to see if there's an icon that suites this actions. You can see what fonts and glyphs we already using by importing fontello.json there.

screen shot 2017-04-14 at 4 48 04 pm

scope.$watch('code', function (code) {

scope.hidden = true;
scope.wrap = false;
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please make sure you use spaces and not tabs for indentation. Not sure why linter didn't point you to that, will check.

@ckamps
Copy link
Copy Markdown

ckamps commented Apr 17, 2017

Hi @leleSahil, Is it feasible for you to include in this PR an enhancement to make the horizontal scroll bar much more prominent?

Note that in the following example where Chrome is being used, the scroll bar is very hard to pick out. It's just to the left of the middle in this example.

image

@leleSahil
Copy link
Copy Markdown
Author

Hi @enykeev, I can't seem to find any good icons on fontello. Is it absolutely necessary to use an icon from there? Or to use an icon at all?

@enykeev
Copy link
Copy Markdown
Member

enykeev commented Apr 19, 2017

No, not really necessary, icons just help something to look actionable without using default button appearance. Just style them to look like other buttons in st2web, that should be enough.

@leleSahil
Copy link
Copy Markdown
Author

Hi @enykeev, I've changed the styling to match the other buttons in st2web and removed the tabs. Do you mind reviewing? We were hoping to get this included in your next release!

@enykeev
Copy link
Copy Markdown
Member

enykeev commented Apr 20, 2017

Thanks! I'll give it a look first thing tomorrow morning.

Kirill Izotov added 4 commits April 21, 2017 11:49
This will help fit more code in the vertical space we have and reduce the ammount of attention this buttons drag.
@enykeev
Copy link
Copy Markdown
Member

enykeev commented Apr 21, 2017

Here is few additions from me. @leleSahil please take a look and tell me if it works for you.

@leleSahil
Copy link
Copy Markdown
Author

These look good to me! I'm sorry for the late response, I didn't see that you had responded with additional changes. Is it still possible to get this into the most recent release?

@enykeev
Copy link
Copy Markdown
Member

enykeev commented Apr 24, 2017

Yeah, this will be the part of 2.3.

@enykeev enykeev merged commit cef5d95 into StackStorm:master Apr 24, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants