IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

FIX: layout of buttons and modals on mobile

Browse Source
This commit is contained in:
Neil Lalonde 2017-05-18 16:11:46 -04:00
parent 1ef43c33d8
commit c2579c5916
6 changed files with 62 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/mobile/compose.scss
View File

@ -230,6 +230,9 @@ input {
margin: 7px 0 0 5px; margin: 7px 0 0 5px;
position: absolute; position: absolute;
} }
.btn-primary {
margin-bottom: 8px;
}
} }
#reply-control.edit-title.private-message { #reply-control.edit-title.private-message {

3
app/assets/stylesheets/mobile/discourse.scss
View File

@ -53,6 +53,9 @@ body {
} }
} }
} }
.control-group {
margin-bottom: 9px;
}
} }
blockquote { blockquote {

8
app/assets/stylesheets/mobile/login.scss
View File

@ -37,7 +37,13 @@ a#new-account-link { white-space:nowrap; }
a#forgot-password-link {clear: left; float: left; } a#forgot-password-link {clear: left; float: left; }
.btn-primary {margin-bottom: 10px; font-size: 15; float: left;} .login-modal, .create-account {
.btn-primary {
margin-bottom: 10px;
font-size: 15;
float: left;
}
}
$label-width: 85px; $label-width: 85px;

6
app/assets/stylesheets/mobile/modal.scss
View File

@ -34,14 +34,14 @@
.modal-body { .modal-body {
overflow-y: auto; overflow-y: auto;
max-height: 400px; max-height: 400px;
padding: 10px 0 10px 10px; padding: 10px;
width: 95%;
} }
// we need a little extra room on mobile for the // we need a little extra room on mobile for the
// stuff inside the footer to fit // stuff inside the footer to fit
.modal-footer { .modal-footer {
padding-right: 0; padding-left: 7px;
padding-right: 7px;
} }
.modal-footer .btn + .btn { .modal-footer .btn + .btn {

4
app/assets/stylesheets/mobile/topic-post.scss
View File

@ -58,7 +58,8 @@ button.like-count {
padding: 8px 4px; padding: 8px 4px;
} }
button { .topic-post {
button {
border: none; border: none;
font-size: 1.214em; font-size: 1.214em;
padding: 8px 10px; padding: 8px 10px;
@ -93,6 +94,7 @@ button {
} }
} }
} }
}
} }

15
app/assets/stylesheets/mobile/topic.scss
View File

@ -45,6 +45,9 @@
.topic-status-info { .topic-status-info {
margin-left: 10px; margin-left: 10px;
h3 {
margin: 0;
}
} }
.docked #topic-progress { .docked #topic-progress {
@ -194,3 +197,15 @@ sup sup, sub sup, sup sub, sub sub { top: 0; }
.start-date { font-size: 110%; padding: 5px; } .start-date { font-size: 110%; padding: 5px; }
.now-date { font-size: 110%; padding: 5px; } .now-date { font-size: 110%; padding: 5px; }
} }
.edit-topic-timer-modal {
.auto-update-input {
.alert-info {
margin: 0 -10px -10px -10px;
padding: 10px;
}
}
.btn.pull-right {
margin-right: 0;
}
}