redhat-developer / vscode-wizard

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Improve UI of wizard page

angelozerr opened this issue · comments

When you have several fields (takes your sample) it's difficult to have an overview of the fields because you have a scrollbar.

image

At first I think we should let the CSS of vscode do the job. For instance the stub.html include bootstrap.css which grow up the size of the policy. Here a quickresult (we should fix the line problem which takes too many place)

image

A second improvement that we could dois to align label, input text and error message in the same line:

Here a quick result (didwith mspaint)

image

I know you were using older UI version here. If you still have a criticism, mind suggesting a patch? Or if the issue is no longer valid, closing it is good too :D

Let me compare with existing vscode styles (like Release notes to compare it with vscode-wizard UI)

Here my first feedbacks:

  • checkbox have not the same look than vscode
  • character size is 14px although vscode is 13px

image

I fixed the font size, not the checkbox.