Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Use a minimum height for the wizard so it doesn't move as much

This commit is contained in:
Robin Ward 2016-09-16 12:04:40 -04:00
parent 4f9a7aa769
commit 05d1c8167f
2 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/assets/javascripts/wizard/templates/components/wizard-step.hbs
View File

@ -1,16 +1,18 @@
{{#if step.title}} <div class='wizard-step-contents'>
{{#if step.title}}
<h1 class='wizard-step-title'>{{step.title}}</h1> <h1 class='wizard-step-title'>{{step.title}}</h1>
{{/if}} {{/if}}
{{#if step.description}} {{#if step.description}}
<p class='wizard-step-description'>{{{step.description}}}</p> <p class='wizard-step-description'>{{{step.description}}}</p>
{{/if}} {{/if}}
{{#wizard-step-form step=step}} {{#wizard-step-form step=step}}
{{#each step.fields as |field|}} {{#each step.fields as |field|}}
{{wizard-field field=field step=step}} {{wizard-field field=field step=step}}
{{/each}} {{/each}}
{{/wizard-step-form}} {{/wizard-step-form}}
</div>
<div class='wizard-step-footer'> <div class='wizard-step-footer'>
<div class='wizard-progress'> <div class='wizard-progress'>

4
app/assets/stylesheets/wizard.scss
View File

@ -31,6 +31,10 @@ body.wizard {
width: 100%; width: 100%;
border: 1px solid #ccc; border: 1px solid #ccc;
.wizard-step-contents {
min-height: 460px;
}
.wizard-column-contents { .wizard-column-contents {
padding: 1.2em; padding: 1.2em;