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 {

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

@ -58,38 +58,40 @@ button.like-count {
padding: 8px 4px; padding: 8px 4px;
} }
button { .topic-post {
border: none; button {
font-size: 1.214em; border: none;
padding: 8px 10px; font-size: 1.214em;
vertical-align: top; padding: 8px 10px;
background: transparent; vertical-align: top;
color: dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%)); background: transparent;
float: left; color: dark-light-choose(scale-color($primary, $lightness: 75%), scale-color($secondary, $lightness: 25%));
&.hidden { float: left;
display: none; &.hidden {
} display: none;
&.admin { }
position: relative; &.admin {
} position: relative;
&.expand-post { }
margin:10px 0 10px 0; &.expand-post {
} margin:10px 0 10px 0;
&.has-like {color: $love;} }
&.has-like {color: $love;}
.read-icon { .read-icon {
&:before {
font-family: "FontAwesome";
content: "\f02e";
}
&.unseen {
&:before { &:before {
content: "\f097"; font-family: "FontAwesome";
content: "\f02e";
} }
} &.unseen {
&.bookmarked { &:before {
&:before { content: "\f097";
color: $tertiary; }
}
&.bookmarked {
&:before {
color: $tertiary;
}
} }
} }
} }

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;
}
}