discourse/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-08 04:09:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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

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

@ -1,3 +1,4 @@
<div class='wizard-step-contents'>
{{#if step.title}} {{#if step.title}}
<h1 class='wizard-step-title'>{{step.title}}</h1> <h1 class='wizard-step-title'>{{step.title}}</h1>
{{/if}} {{/if}}
@ -11,6 +12,7 @@
{{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;