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

UX: first run wizard now (mostly) works on mobile

This commit is contained in:
Jeff Atwood 2016-10-04 13:29:23 -07:00
parent 374617c8c9
commit f936bd6607
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -461,3 +461,23 @@ body.wizard {
}
}
}
/* fix wizard for mobile -- iPhone 5 default width */
@media only screen and (max-device-width: 568px) {
h1 { font-size: 1.3em !important; }
.wizard-column { margin: auto !important; }
.wizard-step-contents { min-height: auto !important; }
.wizard-step-banner { width: 100% !important; margin-bottom: 1em !important; }
.select2-container { width: 100% !important; }
.wizard-step-footer { display: block !important; }
.wizard-progress { margin-bottom: 10px !important; }
.wizard-buttons { text-align: right !important; }
.wizard-footer { display: none !important; }
.wizard-field { margin-bottom: 1em !important; }
.wizard-step-description { margin-bottom: 1em !important; }
.wizard-column-contents { padding: 1em !important; }
.emoji-preview img { width: 16px !important; height: 16px !important; }
.invite-list .new-user { flex-direction: column !important; align-items: inherit !important; }
.invite-list .new-user .invite-email { width: 100% !important; margin-bottom: 5px !important; }
.invite-list .add-user { margin-top: 5px !important; }
}