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;
position: absolute;
}
.btn-primary {
margin-bottom: 8px;
}
}
#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 {

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

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

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

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

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

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

@ -45,6 +45,9 @@
.topic-status-info {
margin-left: 10px;
h3 {
margin: 0;
}
}
.docked #topic-progress {
@ -194,3 +197,15 @@ sup sup, sub sup, sup sub, sub sub { top: 0; }
.start-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;
}
}